Nasıl kullanılır?
- Dosya seç düğmesine tıklayın ya da resmi kutuya sürükleyin. Ctrl+V ile de yapıştırabilirsiniz.
- İşaretçiyi istediğiniz yerin üzerinde gezdirin. Büyüteç çevredeki pikselleri gösterir; İşaretçinin altındaki renk kutusu rengi dört biçimde verir.
- Örnek boyutunu 3 × 3 ya da 5 × 5 yaparak tek piksel yerine küçük bir alanın ortalamasını okuyun.
- Resme tıklayarak rengi Seçilen renkler listesine ekleyin; ardından HEX, RGB, HSL ya da Lab düğmesiyle kopyalayın.
Tek piksel ya da ortalama
Fotoğraflarda gürültü vardır: düz bir yüzeyde bile komşu pikseller birbirinden hafifçe farklı olabilir, bu yüzden tek bir piksel biraz kayabilir. Araç işaretçinin çevresindeki 3 × 3 ya da 5 × 5 kareyi ortalayabilir. Tek renkli bir alanda ortalama, tek pikselden daha sabit bir değer verir.
Dört biçim
HEX ve RGB web ve tasarım yazılımlarında en yaygın yazımlardır. HSL rengi ton, doygunluk ve parlaklıkla anlatır; bir rengin daha açık ya da koyu tonunu aramak için kullanışlıdır. Lab (CIE L*a*b*, sRGB'nin kullandığı D65 beyaz noktasıyla) gözün renk algılayışını izler: Lab'da eşit adımlar gözle yaklaşık olarak eşit görünür, bu yüzden iki rengi karşılaştırmak için uygundur. CSS'in lab() işlevi başka bir beyaz nokta (D50) kullanır, bu yüzden değerleri buradakilerden biraz farklıdır.
Resminiz cihazınızda kalır
Resim tarayıcınızda açılır ve okunur. Hiçbir şey yüklenmez, seçtiğiniz renkler saklanmaz ve sayfadan çıktığınızda liste silinir.
Örnek: saf kırmızı
Saf kırmızı, #FF0000, şöyle okunur: rgb(255, 0, 0), hsl(0, 100%, 50%) ve L*a*b* 53,2; 80,1; 67,2 (D65). Bir logonun kırmızısını okurken Örnek boyutunu 5 × 5 piksel yapın; böylece gürültülü tek bir piksel rengi belirlemez.
Sık sorulan sorular
Renklerini okurken resmim yüklenir mi?
Hayır. Resim tarayıcınızda, kendi cihazınızda açılır ve okunur. Hiçbir sunucuya gönderilmez; tuttuğunuz renkler kaydedilmez ve sayfadan çıkınca silinir.
Okunan renk ekranımda gördüğüm rengin aynısı mı?
Her zaman değil. Okunan değer resmin piksellerinde saklı olan değerdir. Ekranınız, kalibrasyonu ve resmin renk profili rengin görünüşünü değiştirebilir; bu yüzden değerler resmin kendi değerleridir, ekranın ölçümü değildir.
HEX ile RGB arasındaki fark nedir?
İkisi aynı üç değerin iki yazımıdır. HEX her değeri 0 ile 255 arasında 16'lık tabanda yazar; rgb(255, 128, 0) rengi #FF8000 olur. RGB aynı sayıları onluk tabanda yazar. İkisi de web ve tasarım yazılımlarında kabul edilir.
Neden bir Lab değeri gösteriliyor?
Lab, bir rengi gözün gördüğü gibi bir parlaklık ve iki renk ekseniyle anlatır. İki rengin birbirine yakın olup olmadığını, sayıları birbirinden çok farklı görünen HEX ya da RGB'den daha iyi gösterir.
Çok büyük bir resimde okunan renk neden biraz farklı?
Hız için renkler, en uzun kenarı en çok 2048 piksel olan bir kopyadan okunur. Geniş bir alanın rengi aynı kalır; ama büyük bir fotoğrafta tek ve küçük bir piksel komşularıyla ortalanmış olabilir.
Şeffaf bir PNG ile kullanabilir miyim?
Evet. Okuma, her pikselde saklı rengi gösterir; saydamlık okumanın parçası değildir. Şeffaf bir alan için gösterilen değer, arkasındaki sayfada gördüğünüz renk değil, saklı renktir.
Kaynaklar
- W3C CSS Color Module Level 4: sRGB renk uzayı
- MDN: CanvasRenderingContext2D.getImageData(), bir tuvaldeki pikselleri okuma
- MDN: CSS renk değerleri
Rakamlar ve metin en son 10 Kasım 2026 Salı tarihinde kontrol edildi.