WMW

Görselden Renk Al

Ücretsiz

Median-cut nicemleme kullanarak bir görselden baskın renk paleti çıkarın, hex veya CSS değişkeni olarak kopyalayın.

Tamamen tarayıcınızda çalışır. Resminiz hiçbir yere yüklenmez.

Bir resim seçmek için tıklayın, veya buraya sürükleyip bırakın

Son Etkinlik

Herkese açık. Tüm ziyaretçilerin son 20 kullanımı, en yeniden en eskiye.

Henüz etkinlik yok. İlk siz olun.

Yorumlar (0)

Bu aracı faydalı mı buldunuz? Bir yorum bırakın, bir ipucu paylaşın veya nasıl daha iyi hale getirebileceğimizi söyleyin.

Misafir yorumları yayınlanmadan önce incelenir. Giriş yap ile anında gönder.

Henüz yorum yok - düşüncelerinizi paylaşan ilk kişi olun!

Bu araç ne işe yarar

Popüler palet çıkarma kütüphanelerinin kullandığı aynı teknik olan median-cut renk nicemleme kullanarak herhangi bir görselden baskın bir renk paleti çıkarır; ayarlanabilir renk sayısı ve hex kodları veya CSS değişkenleri olarak tek tıkla kopyalama ile.

Nasıl Çalışır

Görselin tüm pikselleri tek bir grupta başlar. Araç, en kalabalık grup içinde en geniş değer aralığına sahip renk kanalını (kırmızı, yeşil veya mavi) bulur, o grubun piksellerini bu kanal boyunca sıralar ve her iki yarının da yaklaşık olarak aynı sayıda piksel içermesi için medyanda ikiye böler. Bu bölme, her zaman en çok piksele sahip grubu hedefleyerek, istediğiniz renk sayısı kadar grup oluşana kadar tekrarlanır. Her son grup daha sonra piksellerinin ortalaması alınarak tek bir renge indirgenir ve ortaya çıkan renkler en yaygın (en büyük grup) önce gelecek şekilde sıralanır.

Hangi sorunları çözer

Sık sorulan sorular

Bu araç, görselimde hangi renklerin en önemli olduğunu nasıl seçiyor?

Median-cut nicemleme adı verilen bir teknik kullanır: her pikselin rengini 3 boyutlu kırmızı/yeşil/mavi uzayında bir nokta olarak ele alır, en kalabalık renk grubunu içinde en çok değişen renk kanalı boyunca tekrar tekrar ikiye böler ve istediğiniz renk sayısı kadar grup elde edildiğinde, her grubu tek bir temsili renge ortalar. Daha fazla piksele sahip gruplar sonuçlarda önce gelir, bu yüzden palet her rengin görselin ne kadarını kapladığını yansıtır.

Bu, tüm görseli tek bir renge ortalamaktan neden daha akıllıca?

Her şeyi bir kerede ortalamak, belirgin kırmızı ve mavi alanlara sahip bir fotoğrafı orijinalde hiçbir yerde görünmeyen bulanık bir mora karıştırır. Renk uzayını ortalamadan önce ayrı gruplara bölerek, her grup yalnızca benzer renkler içerir; böylece kırmızı alanlar ve mavi alanlar birbirini götürmek yerine kendi ayrı, tanınabilir palet girişleri olarak temsil edilmeye devam eder.

Çıkarılan palet, fotoğrafta açıkça görebildiğim bir rengi neden kaçırabilir?

Eğer o renk görselin yalnızca küçük bir alanını kaplıyorsa, özellikle düşük renk sayılarında kendi yuvasını almak yerine daha büyük, daha baskın bir gruba dahil edilebilir. İstenen renk sayısını artırmak, küçük veya ince renk alanlarına kendi palet girişlerine ayrılma konusunda daha iyi bir şans verir.

Bu, tam çözünürlüklü görseli mi analiz ediyor?

Görsel, analizden önce önce daha küçük bir çalışma kopyasına küçültülür, çünkü palet çıkarma her piksele değil yalnızca temsili bir renk örneğine ihtiyaç duyar ve bu, büyük fotoğraflarda bile aracı hızlı tutar. Bu, görselin kendisini etkilemez, yalnızca analizi etkiler; hiçbir şey yüklenmez ve orijinal dosya asla değiştirilmez.

Paleti CSS'imde kullanabilir miyim?

Evet, paleti yapıştırmaya hazır --color-1'den --color-N'e kadar özel özellikler olarak kopyalamak için "CSS Değişkenleri Olarak Kopyala"ya, düz bir hex kod listesi için "HEX Listesi Olarak Kopyala"ya tıklayın.

İlgili Araçlar