CodeKitHubBu Araç Nedir?
Ortalama renk, her pikselin kırmızı, yeşil ve mavi değerlerinin aritmetik ortalamasıdır — görselin genel tonunu temsil eden tek bir karışım rengidir, ancak görselde çok farklı renkli bölgeler varsa bulanık görünebilir.
Baskın renkler farklıdır: bu araç benzer piksel renklerini gruplara ayırır (her RGB kanalını nicemleyerek), her gruba kaç pikselin düştüğünü sayar ve en yaygın olanları ayrı renk örnekleri olarak döndürür — bu, tek bir ortalama karışımdan çok, bir insanın "bu görseldeki ana renkler" diyeceği şeye daha yakındır.
Neden Kullanmalısınız?
- Tek bir yüklemeden hem ortalama rengi hem de gerçek çok renkli bir paleti elde edin, sadece bir sayı değil.
- Bir tasarım projesi için bir fotoğraftan, ekran görüntüsünden veya logodan kullanılabilir bir renk paleti çıkarın.
- Tam HEX kodunu anında kopyalamak için herhangi bir renk örneğine tıklayın.
- Tamamen tarayıcınızda çalışır — görsel canvas aracılığıyla yerel olarak okunur ve hiçbir yere yüklenmez.
- Ücretsiz, anında, hesap gerektirmez, tarayıcınızın kendi sınırları dışında dosya boyutu kısıtlaması yoktur.
Nasıl Kullanılır
- Yükleme düğmesine tıklayın ve cihazınızdan bir görsel seçin.
- Ortalama renk ve baskın renk paleti otomatik olarak görünür — tıklanacak ek bir düğme yoktur.
- HEX kodunu kopyalamak için herhangi bir renk örneğine (ortalama renk veya paletteki herhangi bir renk) tıklayın.
Örnek
Giriş
Turuncu gökyüzü ve koyu mavi siluetlere sahip bir gün batımı fotoğrafıÇıkış
Ortalama renk: soluk kahverengimsi-turuncu bir karışım · Baskın renkler: parlak turuncu, koyu kırmızı, siyaha yakın, soluk sarı (ayrı belirgin renk örnekleri olarak)Bu, ortalama ve baskın renklerin en fazla ayrıştığı tam olarak bu tür bir durumdur — ortalama sıcak ve soğuk tonları bulanık bir karışıma dönüştürürken, baskın renk paleti onları tanınabilir şekilde ayrı renkler olarak korur.
Sıkça Sorulan Sorular
Ortalama renk neden görselde gerçekten bulunan herhangi bir renkten bu kadar farklı?
Ortalama alma, tüm pikselleri matematiksel olarak birbirine karıştırır — bir görselde hem parlak turuncu hem de koyu mavi bölgeler varsa, ortalama bulanık bir kahverengiye düşer; bu renk orijinal fotoğrafta görsel olarak hiçbir yerde bulunmayabilir. Bu, gerçek bir ortalamanın beklenen davranışıdır, bir hata değildir; görselde gerçekten görünen renkleri istiyorsanız bunun yerine baskın renk paletini kullanın.
Görselim bir sunucuya yükleniyor mu?
Hayır. Görsel, Canvas API kullanılarak doğrudan tarayıcınız tarafından okunur ve tüm renk analizi yerel olarak JavaScript ile gerçekleşir. Hiçbir şey ağ üzerinden gönderilmez.
Kaç tane baskın renk döndürür?
En fazla 8, her renk grubuna kaç piksel düştüğüne göre sıralanmış, en yaygın olan önce. Görsel çok tekdüze bir renge sahipse, 8'den az belirgin grup görebilirsiniz.
Bir PNG'deki saydam pikselleri sayıyor mu?
Hayır — opaklığı %50'nin altında olan pikseller hem ortalama hem de baskın renk hesaplamasından hariç tutulur, böylece saydam bir arka plan sonuçları arkasından görünen renge doğru çarpıtmaz.