Görsel renk seçici nedir?

Görsel renk seçici veya renk damlalığı, bir görseldeki pikselin rengini okur. Tasarımcılar bunu bir logodaki marka rengini eşleştirmek, bir fotoğraftan palet çıkarmak ya da bir web sitesi veya uygulama ekran görüntüsündeki tonun tam değerini kontrol etmek için kullanır. Renk piksel verilerinden okunduğu için değer göz kararı değil, kesindir.

Araç açıklaması

Bu araç bir görsel açmanıza veya panodan bir ekran görüntüsü yapıştırmanıza ve renk seçmek için görselin herhangi bir yerine tıklamanıza olanak tanır. Büyüteç imleci takip eder ve çevresindeki pikselleri gösterir; böylece istediğiniz pikseli seçebilirsiniz. Her tıklama numaralandırılmış bir nokta ekler ve her noktanın rengi, seçtiğiniz çıktı formatında kopyalanmaya hazır şekilde gösterilir.

Özellikler

  • PNG, JPEG, WebP, GIF, BMP ve AVIF görsellerinden renk seçin veya Ctrl+V ile bir görsel yapıştırın
  • İmlecin altındaki rengi gösteren büyüteç
  • Küçük ayrıntılar ve simgeler için keskin piksellerle %3200'e kadar yakınlaştırma
  • Görsel düzenleyicilerdeki renk damlalığı gibi, tek bir pikselden veya 3 × 3 ile 101 × 101 piksel arasındaki bir alanın ortalamasından örnek alma
  • Her rengi HEX, RGB, HSL, HWB, CMYK, LAB ve diğer formatlarda kopyalama
  • Seçilen her nokta için görsel üzerinde numaralandırılmış işaretçiler
  • Yarı saydam piksellerin opaklığını gösterme
  • Son noktayı ok tuşlarıyla piksel piksel taşıma

Nasıl çalışır?

Görsel tarayıcınızda çözülür ve bir canvas üzerine çizilir; renk de canvas piksellerinden okunur. Renkler, web'in renk alanı olan sRGB'ye dönüştürülür. Böylece değerler görselin sayfada nasıl göründüğüyle eşleşir ve CSS'te doğrudan kullanılabilir. Ortalama örnekte, alandaki piksellerin renkleri opaklıklarına göre ağırlıklandırılarak ortalaması alınır; böylece saydam pikseller sonucu koyulaştırmaz. Görsel hiçbir zaman yüklenmez.

İpuçları

  • Fotoğraflarda ve JPEG görsellerinde noise bulunur; bu nedenle komşu pikseller genellikle küçük farklılıklar gösterir. Gürültülü tek bir piksel yerine gördüğünüz rengi elde etmek için 3 × 3 veya 5 × 5 ortalamasını kullanın.
  • Logolar, simgeler ve ekran görüntüleri gibi düz grafiklerde tam rengi elde etmek için tek pikselden örnek almayı kullanın.
  • Örnek boyutunun değiştirilmesi, daha önce seçtiğiniz tüm noktaların renklerini günceller.
  • GIF dosyalarında renkler ilk kareden seçilir.