tigtools

Görsel Renk Seçici

Bir görsel yükleyin ve o pikselin tam rengini almak için herhangi bir yere tıklayın ya da aracın görselin tamamındaki ana renkleri bulmasını sağlayın.

Tarayıcınızda çalışır Kayıt gerekmez

JPEG, PNG, WebP, GIF, AVIF veya BMP, en fazla 25 MB. Görsel cihazınızda kalır.

Nasıl kullanılır?

  1. Bir görsel seçin veya kutuya sürükleyip bırakın.
  2. İşaretçiyi görselin üzerinde gezdirin; büyüteç çevresindeki pikselleri gösterir.
  3. Rengi seçmek ve HEX, RGB veya HSL olarak kopyalamak için tıklayın veya dokunun.
  4. Baskın renkler için aşağı kaydırın, kaç tane istediğinizi seçin ve bunları kopyalayın veya CSS değişkenleri olarak indirin.

Nasıl çalışır?

Görsel tarayıcınızda bir tuval (canvas) üzerine çizilir ve imlecin altındaki pikselin tam rengi buradan okunur. Büyüteç, seçilen piksel çerçevelenmiş şekilde 11 × 11 piksellik bir alanı büyütülmüş olarak gösterir. Bir kenarı 4096 pikselden büyük görseller önce küçültülür; bu nedenle çok büyük fotoğraflarda seçilen bir piksel, birkaç orijinal pikselin ortalaması olabilir.

Baskın renkler k-means kümelemesi ile bulunur: pikseller önce 32.768 küçük renk grubuna ayrılır; ardından gruplar, her birinin içerdiği piksel sayısına göre ağırlıklandırılarak sizin seçtiğiniz renk sayısına birleştirilir. Başlangıç noktaları deterministik seçildiği için aynı görsel her zaman aynı paleti verir.

Renkler, tarayıcının görüntüleme için kullandığı sRGB alanında okunur. Görselde gömülü geniş gamutlu bir renk profili varsa değerler, orijinal profili koruyan bir fotoğraf düzenleyicide gösterilenden biraz farklı olabilir. Bunu destekleyen tarayıcılarda (masaüstü Chrome ve Edge) Ekrandan seç düğmesi, ekranınızın herhangi bir yerinden renk almak için yerleşik EyeDropper aracını kullanır.

Örnekler

Bir marka rengini eşleştirme

Bir logonun ekran görüntüsünü yükleyin, ana rengine tıklayın ve #1a73e8 veya rgb(26, 115, 232) değerini CSS'inize kopyalayın.

Fotoğraftan palet

6 renge ayrılmış bir plaj fotoğrafı; kum, deniz ve gökyüzü tonlarını, her birinin görselde kapladığı payla birlikte büyükten küçüğe sıralanmış olarak verir.

Bir renk tonunu kontrol etme

İnce bir çizginin yanındaki yumuşatılmış kenar yerine tam pikselini seçmek için büyüteçle yakınlaştırın.

Sık sorulan sorular

Renk neden fotoğraf düzenleyicimdekinden biraz farklı görünüyor?

Tarayıcılar görselleri görüntüleme için sRGB'ye dönüştürür. Geniş gamutlu profile (Display P3, Adobe RGB) sahip fotoğraflar, orijinal profili koruyan bir düzenleyicide biraz farklı değerler gösterebilir.

Ekrandan seç düğmesi neden görünmüyor?

Bunun için EyeDropper API gerekir; bu API'yi yalnızca bazı tarayıcılar destekler, şu anda masaüstünde Chrome ve Edge. Yüklenen görselden renk seçme her yerde çalışır.

Baskın renkler nasıl seçiliyor?

Tüm piksellerin, her rengin görülme sıklığına göre ağırlıklı k-means kümelemesiyle. Küçük ama canlı ayrıntılar yakındaki daha geniş bir renge birleşebilir; bunları ayırmak için renk sayısını artırın.

Görsel yükleniyor mu?

Hayır. Görsel tarayıcınızda bu sayfa tarafından çözülüp analiz edilir ve cihazınızdan hiç ayrılmaz.

Gizlilik

Görsel tamamen tarayıcınızda işlenir. Yüklenmez ve seçilen renkler gönderilmez veya saklanmaz.