Görüntüden Renk Ayıklayıcı, herhangi bir görüntü dosyasını (sürükle-bırak, yapıştır veya yükle) analiz eder ve yüzde ağırlıklarıyla birlikte 16'ya kadar baskın rengi döndürür. Tarayıcı içi piksel örnekleme ve kova nicemleme (bucket quantization) kullanır; yükleme veya sunucu gidiş-dönüşü gerektirmez. Herhangi bir renk kutucuğuna tıklayarak hex kodunu kopyalayabilir veya tüm paleti kopyalamak için 'Tümünü Kopyala'yı kullanabilirsiniz.
Tasarımcılar ve geliştiriciler sürekli olarak görüntülerden renk ayıklamaya ihtiyaç duyarlar: Bir logodan marka renklerini çekmek, bir fotoğraftan palet oluşturmak veya kullanıcı arayüzünü (UI) referans alınan bir sanat eserine uydurmak gibi. Görüntüden Renk Ayıklayıcı, bu işlemi herhangi bir yükleme yapmadan tarayıcı içinde halleder. Bir görüntüyü (PNG, JPG, SVG, WebP, GIF) sürükleyin, yapıştırın veya tıklayarak yükleyin. Araç, görüntünün ölçeklendirilmiş bir versiyonunu bir tuvale (canvas) çizer, her 4. pikseli örnekler, bunları küçültülmüş bir renk uzayına (kanal başına 5 bit, yaklaşık 32 bin kova) gruplar, her bir kovadaki gerçek RGB değerlerinin ortalamasını alır ve ardından birbirine çok yakın kopyaları birleştirerek (RGB'de 24 Manhattan mesafesi içinde) en çok piksel içeren ilk N kovayı seçer. Sonuç, yalnızca en kesin piksel eşleşmelerini değil, gerçek görsel kompozisyonu yansıtan temiz ve temsili bir palettir. Sayı sürgüsü (3–16), ihtiyacınıza göre palet boyutunu ayarlamanıza olanak tanır. Her renk kutucuğu hex değerini ve piksellerin yüzdesini gösterir; tek tek veya toplu olarak kopyalamak mümkündür.
Yaygın tüm görüntü formatlarını yükler ve büyük görüntülerde bile bir saniyenin çok altında bir sürede baskın renk paletini oluşturur.
Ayıklanan her renk, görüntü alanındaki yüzdesini gösterir; hangi renklerin baskın, hangilerinin vurgu rengi olduğunu bir bakışta anlayın.
3 ile 16 arasında renk seçmek için sürgüyü kullanın. Marka çalışmaları için küçük paletler, fotoğraf referansları için daha büyük paletler oluşturun.
Herhangi bir kutucuğa tıklayarak hex kodunu kopyalayın. Veya toplu kullanım için tüm paleti satırlarla ayrılmış bir liste olarak almak için 'Tümünü Kopyala'yı kullanın.
Yükleme yok, sunucu çağrısı yok, hiçbir görüntü makinenizden ayrılmaz. Gizli taslaklar, henüz yayınlanmamış varlıklar veya hassas sanat eserleri için güvenlidir.
PNG, JPG, SVG, WebP, GIF, ICO — tümü standart tuval (canvas) kod çözme yoluyla desteklenir. Şeffaf pikseller otomatik olarak atlanır.
Bir logo görüntüsünü bırakın, kullanılan kesin renkleri çıkarın ve bunları marka rehberi CSS değişkenlerinize veya tasarım sisteminize kopyalayın.
Bir manzara fotoğrafını araca yükleyerek onun ruhunu yansıtan 5 renkli bir palet elde edin; sanat yönetimi veya tema oluşturma için kullanışlıdır.
Referans bir arayüzün ekran görüntüsünü alın, paleti çıkarın ve görsel havayı yakalamak için bu renkleri kendi taslağınızda kullanın.
Bir müşteri markalama yönü olarak tek bir görüntü gönderdiğinde, referansa sadık kalan bir başlangıç paleti önermek için 8-10 renk ayıklayın.
Ön plandaki varlığı tamamlayan bir arka plan gradyanı oluşturmak için bir görüntüden en baskın iki rengi alın.
DevSuite Pro dock'undaki Görüntü Renkleri simgesine tıklayın. Bir bırakma alanı ve ayarların olduğu bir panel açılır.
Bir dosyayı sürükleyin, panodan yapıştırın (Ctrl+V) veya dosya seçiciyi açmak için tıklayın. Araç, pikselleri otomatik olarak yükler ve örnekler.
Kaç renk ayıklanacağını seçmek için sürgüyü (3–16) kullanın. Siz sürükledikçe palet anında yeniden hesaplanır.
Her renk kutucuğu kendi hex kodunu ve görüntü alanındaki yüzdesini gösterir. Baskın renkleri arayın; bunlar en yüksek yüzdelere sahip olacaktır.
Bir hex kodunu kopyalamak için kutucuğa tıklayın veya tüm paleti tasarım aracınızda veya CSS'inizde kullanmak üzere 'Tümünü Kopyala'yı kullanın.
DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 64'dan fazla geliştirici aracının kilidini açın.
