Renk paleti çıkarıcı

Bu ne işe yarar?

Bu araç bir görseli okur, birkaç bin pikseli örnekler ve elle yazılmış bir median-cut kuantizasyon algoritmasıyla 3–10 baskın renk bucket'ına gruplar. Sonuç, bir tasarım sistemine seed olarak, moodboard'a temel olarak veya başkasının logosundan marka renklerini hızlıca çıkarmak için kullanabileceğin küçük bir temsili hex renk seti. Her şey tarayıcında çalışır; görsel asla yüklenmez.

Ne zaman kullanılır

• Eşleşen bir tema kurmak için bir marka logosundan baskın renkleri çıkarma.
• Bir hero görselinden Tailwind config veya CSS custom-properties bloğu seed'leme.
• Bir fotoğraf veya sanat eserinden moodboard paleti kurma.
• Tasarımın hero görseli ile sayfanın vurgu renginin uyumlu olduğunu doğrulama.

Median-cut nasıl çalışır

1. Görseli yönetilebilir bir piksel sayısına indir.
2. Piksel bulutunun en uzun eksenini bul (R, G veya B aralığı).
3. Bu eksende sırala, medyandan böl.
4. İstenen bucket sayısına ulaşana kadar her yarıda recurse et.
5. Her bucket'ın ortalama rengini döndür.

Sık yapılan hatalar

• Şeffaf bölgeler atlanır. Alpha < 50% pikseller katkıda bulunmaz — şeffaf arka planlı logolar için kullanışlı.
• Tek baskın renkli fotoğraflar (örn. çok mavi gökyüzü olan bir plaj) çeşitli bir palet yerine o rengin birkaç tonunu verir. Range istiyorsan daha renkli bir bölgeye crop yap.
• Median-cut hızlı ama algısal olarak mükemmel değil. Renk teorisi kalitesi çıktı (tamamlayıcı, analog) istiyorsan hâlâ bir tasarımcıya ihtiyacın var — algoritma en sık olanı seçer, en estetik olanı değil.
• Slider bucket'ları sayar, "önemli" renkleri değil. 2 renkli bir logodan 10 istemek sana 10 verir — yakın kopyalar olurlar.