QodeCat Menü

© 2026 QodeCat Studio

Araç yükleniyor…

Her Resmin Renklerini Çıkar

Güzel bir fotoğraf, bir logo ya da beğendiğin bir sitenin ekran görüntüsü, renk şemasına ulaşmanın çoğu zaman en hızlı yoludur. Bir resim bırak; QodeCat baskın renklerini, resmin ne kadarını kapladıklarına göre sıralanmış renk kutuları olarak göstersin.

  • 5 ila 10 renk: Kaç baskın renk istediğini kaydırıcıyla seç.
  • Tüm biçimler: Her renk kutusu HEX, RGB ve HSL değerini gösterir; kopyalamak için değere tıkla.
  • Yüzde olarak oran: Her rengin resmin ne kadarını kapladığını gör.
  • Koda hazır: Paletin tamamını CSS özel değişkenleri veya JSON olarak kopyala.

Neden bu aracı kullanmalısın?

Rastgele Pikseller Değil, Gerçek Baskın Renkler

Araç benzer pikselleri median-cut algoritmasıyla gruplar ve grupları k-means ile iyileştirir. Böylece her renk tek bir piksel değil, resmin bütün bir bölgesinin ortalamasıdır. Şeffaf pikseller yok sayılır.

Gizli ve Hızlı

Resim tarayıcında, en fazla 200 piksele küçültülmüş bir kopyası üzerinden yerel olarak analiz edilir. Hiçbir şey yüklenmez ve renk sayısını değiştirdiğinde palet anında güncellenir.

Sıkça Sorulan Sorular

S. Renkler nasıl seçiliyor?

Pikseller benzer renk gruplarına ayrılır (median cut), sonra her grup birkaç k-means adımıyla iyileştirilir. Her renk kutusu bir grubun ortalama rengidir ve resimdeki oranına göre sıralanır.

S. Neden bazen istediğimden az renk çıkıyor?

Resimde seçtiğin sayıdan daha az farklı renk varsa, örneğin üç renkli düz bir logoda, araç birbirine çok yakın sahte renkler üretmek yerine yalnızca gerçekten var olan renkleri döndürür.

S. CSS çıktısı nasıl görünüyor?

Her renk için bir özel değişken içeren bir :root bloğu; --color-1 en yaygın renktir ve değerler HEX'tir. JSON çıktısı her renk için HEX, RGB, HSL ve yüzde oranını listeler.