Resimden renk seçici nasıl kullanılır
- 1
Bir resim açın
25 MB'a kadar bir ekran görüntüsünü, fotoğrafı veya logoyu bırakın, göz atarak seçin ya da yapıştırın — JPG, PNG, WebP, AVIF, HEIC, GIF veya SVG.
- 2
Büyüteçle nişan alın
Resmin üzerinde gezinin veya sürükleyin; 11 × 11 piksellik büyüteç, artı imlecinin altındaki pikseli ve HEX kodunu gösterir.
- 3
Tıklayarak seçin
HEX, RGB, HSL ve OKLCH değerlerini alın; her birinin kendi kopyala düğmesi var. Ok tuşları imleci kaydırır, Enter rengi seçer.
- 4
Paleti alın
5 ile 12 arasında baskın renk seçin ve bunları CSS değişkenleri, JSON veya Tailwind tema bloğu olarak kopyalayın.
Sınırlar ve Pro
Her seferinde tek resim, 25 MB'a kadar; sınırsız seçim, 5–12 renkli palet ve 24 renklik geçmiş.
Pro ile 4 GB boyutuna kadar resimlerden renk örnekleyebilirsiniz. Pro'yu gör
Resimden renk seçici hakkında
Resimden renk seçici, bir resimdeki herhangi bir pikselin tam değerini okur ve resmin tamamını bir palete dönüştürür. Her seçim rengi dört gösterimle verir: tasarım araçları için HEX, CSS için rgb() ve hsl(), açıklık ile doygunluğun gözün beklediği gibi davrandığı modern CSS renk işleri için oklch(). Seçimler son 24 rengin tutulduğu bir geçmişe eklenir ve bu tarayıcıda saklanır, böylece bir sonraki sefer de orada olur; masaüstünde Chrome ve Edge'de Ekrandan seç, tarayıcının damlalığıyla sayfanın dışındaki herhangi bir rengi de örnekler.
Palet, resmin en uzun kenarı en fazla 200 piksel olacak şekilde küçültülmüş bir kopyası üzerinde, OKLab renk uzayında k-means kümelemesiyle hesaplanır. Benzer kümeler birleştirilir, saydam pikseller yok sayılır ve renkler resimde kapladıkları alana göre sıralanır; her renk kutusunda payı görünür. Aynı resim her zaman aynı paleti üretir.
Tasarımcılar bunu bir logodan marka rengini yakalamak, fotoğraftan tema oluşturmak, ekran görüntüsündeki bir düğmenin tam rengini kontrol etmek veya moodboard toplamak için kullanır. Değerler, tarayıcınızın resmi gösterdiği haliyle standart sRGB'dir; bu yüzden JPG bozulmaları ya da geniş gamlı bir kaynak, seçimi özgün tasarım dosyasından birkaç birim uzaklaştırabilir. Yarı saydam pikseller rengini saydamlık olmadan bildirir; araç renklere ad vermez ve kontrast oranlarını denetlemez.
Gizlilik
Resim bu sekmede çözülür ve örneklenir, palet kümelemesi ise resmi açtıktan sonra oluşturulan küçük bir Web Worker'da çalışır; hiçbir şey yüklenmez. Renk geçmişiniz yalnızca bu tarayıcının yerel depolamasında saklanır. Ekrandan seç, tarayıcınızın yerleşik damlalığını kullanır ve bu damlalık yalnızca seçilen tek rengi bu sayfayla paylaşır.
Özellikler
Piksel hassasiyetli büyüteç
Fare ve dokunmatikte hassas seçim için klavyeyle kaydırmalı 11 × 11 piksellik büyüteç.
Baskın renk paleti
OKLab'de k-means ile 5–12 renk, resimdeki paya göre sıralı.
Geliştirici dışa aktarımları
HEX, RGB, HSL ve OKLCH değerleri ile CSS değişkenleri, JSON veya Tailwind @theme bloğu.
Renk geçmişi
Son 24 seçiminiz bu tarayıcıda kalır ve liste olarak kopyalanmaya hazırdır.