Resimden renk kodu bulma (renk seçici)
Resimden renk kodu bulmak için görseli dosya seçiciyle açın, sürükleyip bırakın ya da Ctrl + V ile yapıştırın; ardından istediğiniz noktaya tıklayın veya dokunun. Renk seçici pikselin rengini HEX, RGB ve HSL olarak gösterir ve görselin ana renklerini bulur. Görseliniz asla yüklenmez.
Nasıl hesaplanır?
Görseliniz cihazınızda kalır
Renk seçici tamamen tarayıcınızda çalışır: görsel yerel olarak çözülür ve bir canvas üzerine çizilir; renk değeri getImageData() ile doğrudan bellekten okunur. Yükleme yapılmaz ve hiçbir ağ isteği görsel verisi içermez; sayfayı kapattığınızda görsel de gider. Yalnızca tarayıcınızın kendisi açamadığı HEIC fotoğraflar için bu siteden bir kez bir kod çözücü indirilir – fotoğrafınız yine de yerel kalır.
Resimden renk kodu nasıl bulunur?
- Bir görsel seçin, kutuya sürükleyin veya Ctrl + V ile yapıştırın (ör. bir ekran görüntüsü).
- İstediğiniz noktaya tıklayın veya dokunun. Klavyede ok tuşları renk seçiciyi piksel piksel kaydırır.
- HEX, RGB veya HSL değerini kopyalayın. Son sekiz seçiminiz renk örnekleri olarak ekranda kalır.
Ana renkler nasıl bulunur?
Ana renkler için görsel, uzun kenarı en fazla 200 piksel olacak şekilde küçültülür. Her opak piksel 4.096 renk aralığından birine düşer (kanal başına 16 seviye). Birbirinden belirgin biçimde ayrılan en sık aralıklar en fazla altı ana rengi oluşturur; yüzde, bunların tüm opak pikseller içindeki payıdır. Bu basit bir nicemlemedir – genel bir bakış için iyidir, ancak renk ölçümü değildir.
Değer neden orijinalden farklı olabilir?
- Renk profilleri: tarayıcılar gömülü profili olan görselleri (ör. akıllı telefondan gelen Display P3) sRGB’ye dönüştürür. Renk seçici, CSS’te kullanacağınız sRGB değerini gösterir – P3 ile çalışan bir görsel düzenleyici farklı sayılar gösterecektir.
- Sıkıştırma: JPEG ve WebP renkleri kayıplı saklar; bu yüzden “düz” bir alandaki komşu pikseller birkaç seviye farklı olabilir.
- Çok büyük görseller (bir kenarı 4.096 pikselden uzun) okuma için küçültülür; bu, komşu piksellerin ortalamasını alır. Gösterilen konum orijinal görsele göredir.
Sıkça sorulan sorular
Görselim yükleniyor veya kaydediliyor mu?
Hayır. Görsel yalnızca tarayıcınızın belleğinde işlenir ve hiçbir yere gönderilmez. Tarayıcı depolamasına (localStorage) da hiçbir şey kaydedilmez.
Ekran görüntüsünden renk kodu nasıl alınır?
Bir ekran görüntüsü alın (ör. Windows’ta Win + Shift + S; Mac’te Cmd + Ctrl + Shift + 4 görüntüyü panoya kopyalar), sonra bu sayfaya tıklayıp Ctrl + V’ye (Mac’te Cmd + V) basın. İstediğiniz noktaya tıkladığınızda HEX kodu hemen görünür.
Hangi görsel biçimleri destekleniyor?
Tarayıcınız açabildiği sürece JPG, PNG, WebP, GIF, BMP ve AVIF, ayrıca iPhone’dan HEIC fotoğraflar. Saydam görsellerde renk seçici pikselin opaklığını da gösterir.
Bulduğum renkle sonra ne yapabilirim?
HEX değerini kopyalayıp renk dönüştürücüde diğer biçimlere çevirebilir, renk paleti oluşturucuda uyumlu renkler bulabilir veya kontrast denetleyicisiyle bu renkteki metnin kolay okunup okunmadığını kontrol edebilirsiniz.
Kaynaklar ve yasal dayanak
- MDN Web Docs – CanvasRenderingContext2D: getImageData()
- CSS Color 4, § 5.2: W3C – CSS Color Module Level 4: RGB hex notation
- CSS Color 4, § 7: W3C – CSS Color Module Level 4: HSL colors
Güncelleme:
Benzer araçlar
- Renk dönüştürücü: HEX, RGB, HSL, HSV, CMYKRenk kodu dönüştürücü: HEX kodunu RGB’ye, RGB’yi HEX’e, HSL, HSV, HWB ve CMYK’ye çevirin. Rengi istediğiniz formatta girin ya da seçiciden seçip kopyalayın.
- Renk paleti oluşturucuRenk paleti oluşturucu: tek bir ana renkten uyumlu renkler bulun – tamamlayıcı, analog, üçlü, kare, ayrık tamamlayıcı, tek renkli; HEX, RGB, HSL kodlarıyla.
- Renk kontrastı kontrolü (WCAG 2.2)Metin ve arka plan renkleri arasındaki renk kontrastını kontrol edin: normal metin, büyük metin ve arayüz öğeleri için AA/AAA değerlendirmeli WCAG 2.2 oranı.
- 1RM hesaplama (tek tekrar maksimum)1RM hesaplama: kaldırdığınız ağırlık ve tekrar sayısından tek tekrarlık maksimumu Epley ve Brzycki formülleriyle tahmin edin – %1RM tablosuyla, kg veya lb.
- Adım sayısını kilometreye çevirinAdım kaç km hesaplayın: 10.000 adım kaç km eder? Araç kendi adım uzunluğunuzu kullanır ve km cinsinden mesafeyi de adım sayısına çevirir.
- Bazal metabolizma hızı (BMR) ve günlük kalori ihtiyacı hesaplamaBazal metabolizma hızınızı Mifflin-St Jeor formülüyle, günlük toplam enerji ihtiyacınızı FAO/WHO aktivite düzeyleriyle (PAL) hesaplayın – kcal ve kJ olarak.