Bir görselin baskın renklerini hex, HSL ve oranlarıyla çıkarın.
Görseli buraya bırakın
PNG, JPEG, WebP veya GIF, en fazla 10 MB
Görsel tarayıcınızda okunur, hiçbir yere yüklenmez.
Fotoğraf, ekran görüntüsü, logo veya bir moodboard sürükleyin. Dosya yerel olarak okunur ve tarayıcınızdan hiç çıkmaz, böylece müşteri işleri gizli kalır.
Üç ile on arası. Az sayı ana hatları verir, çok sayı vurgu renklerini yakalar. Logolar genelde üç dört renk ister; fotoğraflar daha geniş paletle daha iyi sonuç verir.
Her renk kutusu hex'ini, HSL'ini ve görselin ne kadarını kapladığını gösterir; böylece gerçek bir marka rengini başıboş bir parlamadan ayırt edebilirsiniz.
Hayır. Dosya yerel olarak okunur ve tarayıcınızda bir canvas'a çizilir, hiçbir şey gönderilmez. Bu, müşteri işleri ve yayınlanmamış tasarımlar için önemlidir.
Pikseller görsel olarak benzer renk kovalarına gruplanır, sonra en kalabalık kovalar ortalanmış renkleriyle döndürülür. Yüzde, her birinin görselin ne kadarını kapladığını söyler.
Bilinçli olarak atlanırlar. Çoğu fotoğrafta beyaza ve siyaha yakın pikseller baskındır; onları öne koymak gerçekten istediğiniz renkleri gömerdi.
Daha büyük bir sayı frekans listesinde daha aşağıya iner ve küçük paletin dışarıda bıraktığı vurgu renklerini yakalar. Üstteki renkleri yeniden hesaplamaz, sadece daha fazlasını gösterir.
Görsel analiz öncesi küçültülür ve bu işlemi hızlı tutar. Küçültmek hangi renklerin baskın olduğunu değiştirmez, yani palet her iki durumda da aynıdır.
Evet ve en temiz sonuçları logolar verir, çünkü az sayıda düz renk kullanırlar. Bir logo için genelde üç veya dört doğru sayıdır.
Hayır. Çıkarma yalnızca görselde ne olduğunu söyler. Metin ve arka plan olarak kullanmayı düşündüğünüz her çifti aşağıda bağlantısı olan kontrast denetleyiciden geçirin.
Evet, tamamen ücretsiz ve üyeliksiz.
Canlı önizleme ve CSS çıktısı ile HEX, RGB ve HSL formatları arasında renk dönüştürün.
Aracı AçHerhangi bir renk çiftini WCAG AA ve AAA'ya göre kontrol edin, başarısızsa düzeltme önerisi alın.
Aracı AçTek bir hex değerini Tailwind v4, v3 veya CSS değişkenleri için 50-950 skalasına çevirin.
Aracı Aç