Görsel Renk Paleti Çıkarıcı

Herhangi bir görselin baskın renklerini HEX ve pay yüzdesiyle, hazır CSS değişkenleri bloğu ve ortalama renkle birlikte tamamen tarayıcınızda çıkarın.

Ücretsiz
Tüm araçlar tarayıcınızda çalışır; sunucularımıza hiçbir veri gönderilmez.
Baskın renkler
HEX kodunu kopyalamak için herhangi bir örneğe dokunun
Ortalama renk

Görsel Renk Paleti Çıkarıcı hakkında

Bir görselin düz RGB kanal ortalaması neredeyse her zaman çamurlu bir griye dönüşür ve baskın olarak algıladığınız renkle hiçbir ilgisi yoktur. Bu araç ortalama almak yerine pikselleri tarayıcınızda örnekler ve median-cut algoritmasıyla 6 ila 10 renk kümesine ayırır, her rengin pay yüzdesini HEX kodunun yanında gösterir. Tüm işlem kendi cihazınızda çalışır ve hiçbir görsel yüklenmez.

Görsel Renk Paleti Çıkarıcı nasıl kullanılır

  1. 1

    Bir görseli kutuya bırakın veya dosya seçmek için üzerine tıklayın.

  2. 2

    Kaydırıcıyla çıkarılacak renk sayısını 6 ile 10 arasında ayarlayın.

  3. 3

    HEX kodunu kopyalamak için herhangi bir örneğe tıklayın.

  4. 4

    CSS değişkenleri bloğunu veya ortalama rengi tasarımınız için kopyalayın.

Sıkça sorulan sorular

Görselim bir sunucuya yüklenir mi?

Hayır. Görsel FileReader ile okunur ve tamamen tarayıcınızda bir canvas üzerinde işlenir, hiçbir veri sunucuya gönderilmez; bu yüzden araç internet bağlantısı olmadan da çalışır.

Baskın renk ile ortalama renk arasındaki fark nedir?

Baskın renk büyük bir piksel kümesinin merkezidir ve palet için uygundur, ortalama renk ise tüm piksellerin matematiksel ortalamasıdır ve genellikle donuk ve soluk çıkar; tasarım için ortalamayı değil baskın renkleri kullanın.

Neden bazen 10 yerine daha az renk görüyorum?

Görselde yeterli renk çeşitliliği yoksa — örneğin iki renkli bir logo — algoritma bölünecek daha anlamlı küme bulamaz ve yalnızca gerçekten var olan renkleri gösterir.

Yüzdeler tam olarak neyi ifade eder?

Her biri, görsel en uzun kenarında en fazla 160 piksele küçültüldükten sonra o kümenin piksellerinin tüm opak pikseller içindeki payıdır; saydam ve yarı saydam pikseller hesaba katılmaz.