Tek bir piksel seçin ya da tüm paleti çıkarın
İki iş, tek sayfa. O pikseli tam olarak HEX, RGB ve HSL olarak okumak için resmin bir noktasına tıklayın ya da aracın görseli oluşturan renkleri bulup her birinin kapladığı resim payıyla listelemesine izin verin. Tipik kullanımlar: bir ekran görüntüsündeki logoya bir düğmeyi uydurmak, bir fotoğraftan renk şeması oluşturmak veya yalnızca görsel olarak var olan bir grafiğin mavisini bulmak.
Resimden palete beş adımda
- Bırakma alanına tıklayın veya bir görseli üzerine sürükleyin. PNG, JPG ve WebP güvenli seçeneklerdir.
- Bir piksel seçmek için resme tıklayın. Önizleme kutusu rengi gösterir ve HEX, RGB ile HSL alanları dolar; her birinin kendi kopyalama düğmesi vardır.
- Paletin kaç rengi olacağını 3 ile 16 arasında seçin ve sırayı belirleyin: en yaygın olan önce, açıktan koyuya veya renk tonuna göre.
- Beyaz bir arka plan ya da koyu bir gölge önemli renkleri gizlediğinde Beyaz ve siyahı yok say'ı işaretleyin.
- Bir dışa aktarma biçimi seçin ve tüm paleti kopyalayın ya da tek bir örneğe tıklayarak onu geçerli renk yapın ve HEX kodunu kopyalayın.
Renkler nasıl seçilir
Araç medyan kesme (median cut) yöntemini kullanır. Resmin küçültülmüş bir kopyasını okur, tüm pikselleri tek bir kutuya koyar ve en çok piksel içeren kutuyu en geniş renk kanalı boyunca, sizin istediğiniz kadar kutuya ulaşana ya da kalan renkler ayırt edilemeyecek kadar yakın olana dek bölmeye devam eder; bu yüzden basit bir grafik seçtiğiniz sayıdan daha az örnek verebilir. Her örnek bir kutunun ortalamasıdır ve yüzde, o kutunun kapladığı resim payıdır. Benzer tonlar bu şekilde listeyi doldurmak yerine tek bir örnekte toplanır; tam renklerin basit bir sayımı ise bir fotoğrafta tam olarak bunu yapardı. Çoğunlukla saydam pikseller yok sayılır.
Dışa aktarma biçimleri
- HEX: tasarım araçları için satır başına bir kod.
- CSS:
:rootiçinde--color-1gibi özel özellikler. - JSON: her renk için HEX, RGB değerleri ve pay.
- Tailwind: temaya yapıştırabileceğiniz bir
colorsnesnesi.
Palet bir başlangıç noktasıdır. Bir örnek ortalama olduğu için tek bir pikselden biraz farklı olabilir; kesin değer için resme tıklayın.
Görsel cihazınızdan asla çıkmaz
Dosya tarayıcınızda bir tuvale çizilir ve pikseller oradan okunur. Bir görsel açtığınızda, renk seçtiğinizde veya palet dışa aktardığınızda hiçbir istek gönderilmez.