Görselden renk seçici
Görselin herhangi bir yerine dokunun; hex, RGB ve HSL değerini görün ve görselin oluştuğu birkaç rengi keşfedin. Her biri üzerinde yazının gerçekten okunup okunmayacağını söyler. Hiçbir şey yüklenmez.
Nasıl çalışır
Bir görselden renk almak, işletim sisteminin yapması gereken ama neredeyse hiç yapmadığı türden bir iştir. İstediğiniz renk bir duvar fotoğrafında, bir grafiğin ekran görüntüsünde, birinin JPEG olarak gönderdiği bir logodadır; sizin ihtiyacınız ise bir stil dosyasına yapıştıracağınız altı onaltılık karakterdir.
Bir piksele dokunmak kolay yarısı. Piksel okunmadan önce görsel bire bir ve yumuşatma kapalı olarak çizilir; kılı kırk yarmak gibi görünse de değil: yumuşatma açıkken tarayıcı size o pikselle komşularının karışımını verir, dolayısıyla elde ettiğiniz renk görselde hiç var olmamıştır ve yapıştırdığınızda tutmaz.
Palet ise zor yarısı ve standart yöntemin iyi bilinen bir kusuru var. Ortanca kesme renkleri kutulara ayırır, ardından ders kitabı her kutunun ortalamasını alır; palet araçlarının orijinalde hiçbir yerde bulunmayan çamurlu kahverengiler üretmesinin sebebi budur, çünkü kırmızı bir çiçekle yeşil bir yaprağın ortalaması çamurdur. Burada her örnek, kendi kutusuna en yakın gerçek pikseldir; yani sunulan her renk sizin de dokunabileceğiniz bir renktir. Oranlar ayrıca hesaplanır, her pikselin hangi örneğe daha yakın olduğu sorularak; çünkü ortanca kesme kutularına bilerek eşit sayıda piksel verir ve bunu oran diye okumak, apaçık büyük bölümü gökyüzü olan bir fotoğrafta her rengin aynı yeri kapladığını iddia etmek olurdu.
Bir de bütün bunların işe yarayıp yaramayacağına karar veren sayı var. Bir fotoğraftan alınan renk neredeyse her zaman bir yazının arkasına gider ve bunun işe yarayıp yaramadığı ölçülebilir: beyaza ve siyaha karşı WCAG kontrast oranı, eşik de belirtilmiş olarak. Logoda harika duran bir marka rengi beyaz üzerinde çoğu kez 2,8:1 çıkar; bu, sonradan keşfedilecek değil bilerek verilecek bir karardır.
Nasıl kullanılır
- 1 Bir görsel seçin ya da doğrudan panodan yapıştırın.
- 2 Görselin herhangi bir yerine dokunarak oradaki rengi alın.
- 3 Hex, RGB ya da HSL değerini tek dokunuşla kopyalayın.
- 4 Ya da aşağıdaki örneklerden birini alın; bunlar görselin oluştuğu renklerdir.
Bilmekte fayda var
- Her örnek görselde gerçekten bulunan bir renktir, asla bulunan iki rengin ortalaması değil.
- Palet, her rengin görselin ne kadarını kapladığına göre sıralanır, renk tonuna göre değil.
- Kontrast WCAG oranıdır: gövde yazısı için eşik 4,5:1, büyük yazı için 3:1.
- Renk yumuşatma kapalıyken okunur, yani komşularıyla karışmamış tam o pikseldir.
- Ekran görüntüleri de fotoğraflar kadar iyi çalışır; bir grafikten renk almanın kısa yolu budur.
Tarayıcı desteği
- Chrome 94 ve üzeri
- Firefox 93 ve üzeri
- Safari 16.4 ve üzeri
- Edge 94 ve üzeri
Bunlar aracın kullandığı her şeye sahip en eski sürümler. Aracın kendisinden hesaplanır, yani araç değiştikçe değişirler.
Sürüm numaraları 2026-09-04 tarihinde denetlendi.
Sık sorulan sorular
Bir görseldeki rengin hex kodunu nasıl alırım?
Görseli seçin ve istediğiniz yere dokunun. Hex, RGB ve HSL altta belirir, tek dokunuşla herhangi birini kopyalarsınız. Piksel yumuşatma olmadan tam olarak okunur, dolayısıyla yapıştırdığınız şey dokunduğunuz şeyle örtüşür.
Bir görselin baskın renklerini nasıl bulurum?
Görsel yüklenir yüklenmez hesaplanır ve örnekler halinde gösterilir; her birinin yanında görselin ne kadarına karşılık geldiği yazar. Bir örneğe dokunarak onu geçerli renk yapabilir ve kontrast değerlerini görebilirsiniz.
Diğer palet araçları neden çamurlu renkler veriyor?
Çünkü buldukları her renk kümesinin ortalamasını alıyorlar ve birbirinden çok farklı iki rengin ortalaması ikisinde de bulunmayan bir renktir. Bu araç onun yerine o ortalamaya en yakın gerçek pikseli seçer; böylece kırmızı bir çiçek ile yeşil bir yaprak kahverengi değil kırmızı ve yeşil verir.
Kontrast sayıları ne anlama geliyor?
Beyaza ve siyaha karşı WCAG kontrast oranlarıdır, 1:1 ile 21:1 arasında. 4,5:1 ve üzeri gövde yazısı için AA’yı, 7:1 AAA’yı geçer; 3:1 yalnızca büyük yazıya yeter. 3:1’in altında renk yazı arkasında hiç kullanılamaz.
Ekran görüntüsünden renk alabilir miyim?
Alabilirsiniz ve buradaki en kullanışlı işlerden biridir. Ctrl+V ile bir ekran görüntüsü yapıştırın ve bir grafiğin çubuğuna ya da bir uygulamanın arka planına dokunarak tam hex değerini alın.
Görselim yükleniyor mu?
Hayır. Bu tarayıcı sekmesinin içinde, kendi cihazınız tarafından çözülüp okunur ve hiçbir kopyası hiçbir yere gönderilmez. Çalışırken tarayıcınızın Ağ sekmesini izleyebilirsiniz.
İlgili araçlar
Dosyalarınız cihazınızda işlenir ve yüklenmez, bunu tarayıcınızın geliştirici araçlarındaki Ağ sekmesinden doğrulayabilirsiniz.