Yüklenen görseller bir sunucuya kaydediliyor mu?

Hayır, kaydedilmiyor. Tüm görsel işleme ve renk çıkarma algoritmaları, tarayıcınızdaki (yerel ortam) Canvas API kullanılarak gerçekleştirilir. Görsel verileri hiçbir zaman internet üzerinden harici sunuculara gönderilmez, bu nedenle son derece hassas görseller için bile güvenle kullanabilirsiniz.

Hangi görsel formatları destekleniyor?

Yaygın web görsel formatlarını destekler: JPG, PNG, GIF, WebP ve SVG. Dosya boyutu sınırı 10 MB'a kadardır, bu da çoğu kullanım durumu için yeterli kapasite sağlar.

Çıkarılan renkler ne kadar doğru?

Piksel verilerini doğrudan Canvas üzerinde okuduğu için piksel düzeyinde %100 doğru (sRGB alanında) renkler elde edebilirsiniz. Ayrıca, tıkladıktan sonra klavyenizin yön tuşlarını kullanarak bitişik piksellerdeki ince renk farklılıklarını bile kesin olarak seçebilir ve çıkarabilirsiniz.

CMYK renkleri doğrudan baskı için kullanılabilir mi?

Bu araç tarafından sağlanan CMYK değerleri, RGB değerlerinden yaklaşık hesaplamalara dayanan teorik rakamlardır. Profesyonel baskı (DTP) için renk profillerine (Japan Color gibi) bağlıdırlar, bu nedenle bunları yalnızca referans değerler olarak kullanmanız ve Illustrator gibi özel yazılımlarla son kontrolleri yapmanız önerilir.

🎨

image color picker,

Görsel Renk Seçici

Görsellerden anında kesin renkler çıkarın.
Baskın renk paletlerini otomatik olarak çıkarın ve klavye ile ince ayar yapın.

🔍

Piksel Kesinliğinde Çıkarma

Büyüteç ve yön tuşları ile piksel renklerini doğru bir şekilde elde edin

🎨

Baskın Renk Analizi

Görselden ilk 8 temsili rengi otomatik olarak çıkarın

📋

5 Renk Formatı

HEX, RGB, HSL, CMYK ve modern OKLCH destekler

🖼️

Görseli Sürükle ve Bırak

veya dosya seçmek için tıkla / yapıştırmak için Ctrl+V

JPG PNG GIF WebP SVG Maks 10MB

* Görseller tarayıcınızda yerel olarak işlenir ve asla bir sunucuya gönderilmez.

✅ Kopyalandı!

Bunu da beğenebilirsiniz

✨

CSS View Transition Oluşturucu

🎨

Renk Dönüştürücü

↔️

CSS Clamp Oluşturucu

about,

Görsel Renk Seçici Hakkında

Görsel Renk Seçici, görsellerden, fotoğraflardan ve illüstrasyonlardan belirli renk bilgilerini çıkarmanıza olanak tanıyan ve size HEX, RGB, HSL, CMYK ve OKLCH gibi renk kodları sağlayan ücretsiz çevrimiçi bir araçtır. Tarayıcınızın Canvas API'sini kullanan gelişmiş istemci tarafı işleme sayesinde, yüklenen görseller asla harici sunuculara gönderilmez ve güvenli ve hızlı bir işlem sağlanır.

Web tasarımcıları ve front-end mühendislerinin referans tasarımların temel renklerini incelemesi veya fotoğrafların havasına uygun renk paletleri oluşturması için son derece kullanışlıdır. Renk seçici aracını kullanan piksel mükemmelliğinde renk çıkarma özelliğinin yanı sıra, tüm görselin baskın renklerini analiz etmek için bir otomatik çıkarma işlevine de sahiptir.

how to,

Nasıl Kullanılır

STEP 1

Bir görsel yükleyin

Renklerini çıkarmak istediğiniz görseli üst alana sürükleyip bırakın veya bir dosya seçmek için tıklayın. Ayrıca panodan (Ctrl+V / Cmd+V) yapıştırmayı da destekler. Yükleme anında gerçekleşir ve tarayıcınızda işlenir.

STEP 2

Renk seçici ile belirli bir rengi seçin

"Renk Seçici" sekmesini seçin ve görselin kontrol etmek istediğiniz alanına tıklayın. İnce pikselleri doğru bir şekilde hedeflemenizi sağlayan bir büyüteç görünecektir. Tıkladıktan sonra, klavyedeki yön tuşlarını (↑↓←→) kullanarak piksel piksel ince ayar da yapabilirsiniz.

STEP 3

Baskın renkleri otomatik olarak çıkarın

Görselde en sık kullanılan ilk 8 temsili renkten (baskın renkler) oluşan bir paleti otomatik olarak analiz etmek ve oluşturmak için "Otomatik Çıkarma" sekmesine geçin. Bu paletten "CSS Değişkenlerini Kopyala"ya tıklayarak, bunları doğrudan projenizin stil sayfasına yapıştırabilir ve kullanabilirsiniz.

glossary,

Sözlük

HEX (Onaltılık Renk Kodu): Web tasarımında en yaygın kullanılan renk gösterim yöntemi. Kırmızı, yeşil ve mavi değerlerini 00'dan FF'ye kadar onaltılık tabanda temsil eder ve #FF5733 gibi 6 karakterlik bir dize olarak ifade edilir. HTML ve CSS'de renkleri belirtmek için gereklidir.
OKLCH: Algısal olarak tek tip bir renk alanı kullanan modern bir CSS renk tanımlama yöntemi. Açıklık (Lightness), Kroma (Chroma) ve Ton (Hue) bileşenlerinden oluşur ve geleneksel HSL'den insan görsel özelliklerine çok daha fazla uyar, bu da tutarlı kontrast oranlarına sahip renk paletlerini kolayca oluşturma avantajı sunar.
Baskın Renk: Bir görsel veya tasarımda hakim olan ve onun genel izlenimini belirleyen birincil renk. Bu araç, görseli analiz etmek ve görsel olarak en etkili ilk 8 rengi otomatik olarak çıkarmak için Median Cut algoritmasını kullanır.
Median Cut Algoritması: Görsel renk nicelemesi için sıklıkla kullanılan bir algoritma türü. Tüm pikselleri 3 boyutlu bir RGB renk alanına yerleştirerek ve alanı en büyük varyansa sahip renk ekseni boyunca tekrar tekrar bölerek temsili bir renk paletini etkili bir şekilde oluşturur.
Renk Paleti: Bir tasarımda kullanılan renklerin bir kombinasyonu. Uyumlu ve birleşik bir tasarım elde etmek için temel bir renk, vurgu rengi vb. tanımlayan bir renk setidir.

faq,

Sıkça Sorulan Sorular

Q.Yüklenen görseller bir sunucuya kaydediliyor mu?: Hayır, kaydedilmiyor. Tüm görsel işleme ve renk çıkarma algoritmaları, tarayıcınızdaki (yerel ortam) Canvas API kullanılarak gerçekleştirilir. Görsel verileri hiçbir zaman internet üzerinden harici sunuculara gönderilmez, bu nedenle son derece hassas görseller için bile güvenle kullanabilirsiniz.
Q.Hangi görsel formatları destekleniyor?: Yaygın web görsel formatlarını destekler: JPG, PNG, GIF, WebP ve SVG. Dosya boyutu sınırı 10 MB'a kadardır, bu da çoğu kullanım durumu için yeterli kapasite sağlar.
Q.Çıkarılan renkler ne kadar doğru?: Piksel verilerini doğrudan Canvas üzerinde okuduğu için piksel düzeyinde %100 doğru (sRGB alanında) renkler elde edebilirsiniz. Ayrıca, tıkladıktan sonra klavyenizin yön tuşlarını kullanarak bitişik piksellerdeki ince renk farklılıklarını bile kesin olarak seçebilir ve çıkarabilirsiniz.
Q.CMYK renkleri doğrudan baskı için kullanılabilir mi?: Bu araç tarafından sağlanan CMYK değerleri, RGB değerlerinden yaklaşık hesaplamalara dayanan teorik rakamlardır. Profesyonel baskı (DTP) için renk profillerine (Japan Color gibi) bağlıdırlar, bu nedenle bunları yalnızca referans değerler olarak kullanmanız ve Illustrator gibi özel yazılımlarla son kontrolleri yapmanız önerilir.

use cases,

Kullanım Durumları

🎨

Web Tasarım ve Kodlama

Referans sitelerin ekran görüntülerinden veya müşteriler tarafından sağlanan logo görsellerinden kesin marka renklerini (HEX/RGB) çıkarın ve bunları CSS'ye uygulayın. Otomatik çıkarma özelliğini kullanarak, temel renkler, ana renkler ve vurgu renkleri için adayları anında belirleyebilirsiniz.

🖼️

Fotoğraflarla Eşleşen UI Renk Şemaları

Makale küçük resimlerinden veya başlıklara yerleştirilmiş fotoğraflardan baskın renkleri çıkarın. Bu renkleri metin veya düğmeler için arka plan renkleri olarak ayarlayarak, görsellerin ve kullanıcı arayüzünün birbiriyle uyumlu olduğu güzel sayfa tasarımları elde edebilirsiniz.

✨

İllüstrasyonlar İçin Renk Paletleri Oluşturma

Favori illüstratörlerin eserlerinden veya güzel manzara fotoğraflarından çarpıcı renk kombinasyonları (renk paletleri) çıkarın. Çıkarılan renkleri toplu olarak CSS değişkenleri olarak kopyalayın ve kendi orijinal çalışmalarınız için renk şeması fikirleri olarak kullanın.

📸

Fotoğraf Rötuş ve Düzeltme İçin Referans Renkleri

Fotoğrafları düzenlerken, cilt tonları veya gökyüzü renkleri gibi belirli alanların renk bilgilerini piksel düzeyinde doğru bir şekilde elde edin. Bunları beyaz dengesi ayarı ve renk derecelendirmesi için temel bir çizgi olarak kullanın.