Görsel paleti çıkarıcı nedir?

Tüm görseldeki baskın görünür renkleri daha küçük ve temsilî bir renk paletinde özetleyen araçtır.

HEX, RGB veya CSS değişkenlerini kopyalayabilir miyim?

Evet. Her HEX veya RGB değerini, tüm HEX değerlerini satır satır ya da paletin tamamını CSS değişkenleri olarak kopyalayabilirsiniz.

Görselim yükleniyor veya saklanıyor mu?

Hayır. Görsel tarayıcınızda yerel olarak çözümlenir ve analiz edilir; sunucuya gönderilmez.

Palet neden seçtiğim boyuttan daha küçük?

Görsel, seçilen boyuttan daha az benzersiz görünür renk içerebilir. Araç renkleri çoğaltmaz ve etkili biçimde saydam pikselleri yok sayar.

Resimden renk paleti çıkarma

Bir fotoğrafı, ekran görüntüsünü, logoyu veya illüstrasyonu yükleyin, sürükleyin ya da yapıştırın; tüm görselden bir renk paleti çıkarın. Araç, tek bir pikseli seçmek yerine görünür baskın renkleri 3, 5 veya 8 renkli bir palette özetler. Tek tek HEX ve RGB değerlerini, satır satır tüm HEX değerlerini veya hazır CSS değişkenlerini kopyalayabilirsiniz. Görsel tarayıcınızda yerel olarak işlenir ve ColourPicker.app’e hiçbir zaman yüklenmez.

Görsel yükleyin

Bir dosya seçin, buraya sürükleyin veya panodan bir görsel yapıştırın.

Ctrl+V veya Command+V ile ekran görüntüsü de yapıştırabilirsiniz.

Görseliniz cihazınızda kalır ve yalnızca bu tarayıcıda işlenir.

Daha fazla araç

Picker

Renk Seçici

Bir görsel yükleyin ve HEX, RGB ve HSL renk kodlarını çıkarmak için tıklayın.

HEXRGBHSLImage

Converter

Renk Dönüştürücü

Renkleri HEX, RGB ve HSL arasında anında dönüştürün.

HEXRGBHSL

Checker

Kontrast Denetleyici

Renk kontrast oranlarını WCAG AA ve AAA standartlarına göre kontrol edin.

WCAGAAAAA

Generator

Palet Oluşturucu

Herhangi bir temel renkten uyumlu renk paletleri oluşturun.

HarmonyHSLHEX

Resimden renk paleti nasıl çıkarılır?

Bir görsel dosyası seçin, yükleme alanına sürükleyin veya panodan bir görsel yapıştırın. Tarayıcı dosyayı çözümler ve görünür piksellerin daha küçük bir örneğini inceler. Yakın tonlar gruplandırılır; böylece palet, her piksel değerini değil, görsel görünümde en etkili renkleri gösterir.

Tarayıcınızın açabildiği bir fotoğraf, logo, illüstrasyon, ekran görüntüsü veya başka bir görsel ekleyin.
Yüklemeden sonra otomatik olarak beş baskın renkli bir palet oluşturulur.
Daha kısa ya da daha ayrıntılı bir renk referansı için 3, 5 veya 8 renk seçin.
Tek renkleri veya tüm paleti sonraki tasarım ya da geliştirme adımınıza kopyalayın.

Bir fotoğraf ışık, gölge ve geniş arka plan alanları içerebilir; basit bir simgede ise yalnızca birkaç görünür renk olabilir. Sonuç, görselde gerçekten bulunanları yansıtır ve yapay tonlarla doldurulmaz.

Baskın renkler, tek bir kesin piksel değil

Bu sayfa, bir fotoğrafın, illüstrasyonun, logonun veya ekran görüntüsünün tamamına ait çok renkli bir özet içindir. Görseli bütünüyle belirleyen renkleri verir; belirli bir noktadaki kesin değeri vermez.

Tek bir pikselin tam rengine ihtiyacınız varsa bir görselden tek bir kesin renk seçin. Bir temel renkten tamamlayıcı, benzer veya başka teorik ilişkiler oluşturmak için ise bir temel renkten renk uyumu oluşturun. Bu çıkarıcı yalnızca görselde zaten bulunan renkleri özetler.

Paleti HEX, RGB veya CSS değişkenleri olarak kopyalayın

Her renk kutusunda ayrı kopyalama düğmeleriyle bir HEX ve bir RGB değeri bulunur. Ayrıca tüm HEX değerlerini her satırda bir renk olacak şekilde liste olarak kopyalayabilirsiniz. Bu, notlar, görsel referanslar ve moodboard’lar için kullanışlıdır.

CSS değişkenleri düğmesi, --cp-1, --cp-2 ve --cp-3 gibi adlar içeren bir :root bloğu oluşturur. Bunu prototip veya stil dosyası için hızlı bir başlangıç olarak kullanın; kontrastı ve erişilebilirliği daha sonra ayrıca kontrol edin.

Görseliniz gizli kalır

Tüm işlem tarayıcınızda gerçekleşir. Görsel ColourPicker.app’e veya harici bir görsel hizmetine gönderilmez ve sunucuda saklanmaz. Yerel önizleme geçicidir; görseli değiştirdiğinizde veya sayfadan ayrıldığınızda serbest bırakılır.

Analiz yalnızca görünür renk bilgisini kullanır. Etkili biçimde saydam pikseller yok sayılır; böylece örneğin bir PNG logodaki saydam arka plan yanlışlıkla baskın renk olmaz.

Bir görsel neden daha az renk döndürebilir?

3, 5 veya 8 renk seçimi bir üst sınırdır; ek renk kutusu vaadi değildir. Basit bir simge, düz grafik, iki renkli logo veya neredeyse saydam bir görsel seçtiğiniz boyuttan daha az benzersiz görünür renk içerebilir.

Bu durumda araç daha küçük, gerçek paleti gösterir. Belirli bir sayıya ulaşmak için renkleri çoğaltmaz veya yeni tonlar icat etmez.

Sık sorulan sorular

Resimden renk paleti nasıl çıkarılır?: Bir görsel yükleyin, sürükleyin veya yapıştırın. Araç görünür baskın renkleri 3, 5 veya 8 renkli bir palette gruplar.
Görsel paleti çıkarıcı nedir?: Tüm görseldeki baskın görünür renkleri daha küçük ve temsilî bir renk paletinde özetleyen araçtır.
HEX, RGB veya CSS değişkenlerini kopyalayabilir miyim?: Evet. Her HEX veya RGB değerini, tüm HEX değerlerini satır satır ya da paletin tamamını CSS değişkenleri olarak kopyalayabilirsiniz.
Görselim yükleniyor veya saklanıyor mu?: Hayır. Görsel tarayıcınızda yerel olarak çözümlenir ve analiz edilir; sunucuya gönderilmez.
Palet neden seçtiğim boyuttan daha küçük?: Görsel, seçilen boyuttan daha az benzersiz görünür renk içerebilir. Araç renkleri çoğaltmaz ve etkili biçimde saydam pikselleri yok sayar.