Görselden Renk Al
ÜcretsizMedian-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.
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
- Bir fotoğraf, logo veya sanat eserine dayalı bir renk paleti veya tema oluşturma.
- Tasarım veya marka kararları için bir görseldeki baskın renkleri hızlıca belirleme.
- Bir görselin renk şemasından kullanıma hazır CSS özel özellikleri oluşturma.
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
Görsel
Görseli Bulanıklaştır
Bir görseli Kutu, Gauss, Hareket veya Radyal bulanıklık kullanarak tarayıcınızda bulanıklaştırın ve sonucu indirin.
ÜcretsizGörsel
Bulanık Çerçeve Görsel Oluşturucu
Fotoğrafınızı kırpmadan kare veya başka bir en-boy oranına sığdırın, fazladan alanı görselin bulanık ve yakınlaştırılmış bir kopyasıyla doldurun.
ÜcretsizGörsel
Görsel Parlaklık ve Kontrast
Bir görselin parlaklığını ve kontrastını tarayıcınızda canlı önizlemeyle ayarlayın, ardından sonucu indirin.
ÜcretsizGörsel
Görsel Pozlama Ayarlayıcı
Bir görselin pozlamasını fotoğrafik stoplarda (EV), fiziksel olarak doğru bir sonuç için doğrusal ışıkta ayarlayın.
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.
Henüz yorum yok - düşüncelerinizi paylaşan ilk kişi olun!