mfurkanayhan// çözüm atölyesi
← Araçlar

Araç · ücretsiz

Renk ve kontrast

Dönüştür, kontrastı ölç, geçmiyorsa tonunu bozmadan düzelt. Son kısmı çoğu araçta yok — hangi rengi kullanacağını söylemek, sadece “kaldı” demekten daha faydalı.

Tarayıcında çalışır · sunucuya hiç gitmiyor

Büyük başlık örneği

Normal gövde metni böyle görünüyor. Bir paragraf boyunca okuyabiliyor musun, yoksa gözünü mü zorluyor?

Biçimler

Ton merdiveni

Verdiğin renk kendi basamağında birebir duruyor. Tıklayınca metin rengi olur.

Sık sorulanlar

Renklerim bir yere gönderiliyor mu?

Hayır. Hesabın tamamı tarayıcında yapılıyor; hiçbir şey cihazından çıkmıyor.

Kontrast oranı nasıl hesaplanıyor?

WCAG 2’nin bağıl parlaklık formülüyle. Kanalların ağırlığı eşit değil — göz yeşile en duyarlı, maviye en az. Bu yüzden bir rengi “koyulaştırmak” üç kanalı eşit oranda kısmakla olmuyor; saf yeşil beyaz üzerinde saf maviden çok daha düşük kontrast veriyor.

Eşikler neden 4,5 ve 3?

Normal metin için AA eşiği 4,5; büyük metin (yaklaşık 24 px ve üstü, ya da 18,66 px kalın) için 3. AAA sırasıyla 7 ve 4,5. Arayüz bileşenlerinin ve grafik sınırlarının eşiği de 3. Araç dördünü ayrı ayrı gösteriyor çünkü aynı renk bir başlıkta geçip gövde metninde kalabiliyor.

“Düzelt” tonu değiştiriyor mu?

Hayır — yalnızca açıklığı kaydırıyor, ton ve doygunluk aynı kalıyor. Tonu değiştirmek markanın rengini değiştirmek olurdu ve kimse kabul etmez. Açıklığı kaydırılmış renk ise aynı rengin daha koyu/açık hâli olarak okunuyor.

Neden bazen “yakalanamıyor” diyor?

Çünkü bazı zeminlerde tonu koruyarak o eşiğe ulaşmak matematiksel olarak mümkün değil. O durumda “şuna yaklaştım” demek yerine yakalanamadığını söylüyoruz — yaklaşan bir değer denetimde yine kalır.

Yarı saydam renk ne oluyor?

Zeminle düzleştirilip öyle ölçülüyor. Saydamlığı yok saymak iyimser ve yanlış bir oran verirdi. Zemin ise her zaman opak sayılıyor: yarı saydam bir zeminin gerçek rengi arkasındaki her şeye bağlı ve o bilgi burada yok.

“Kaldı” demek yetmiyor

Kontrast denetleyicilerin çoğu bir sayı verip bırakıyor. Ama sorun şu: geçmeyen bir rengi neye çevireceğini bilmiyorsun. Rastgele koyulaştırmak markanın rengini bozuyor, elle denemek uzun sürüyor.

Bu araç açıklığı yarım puanlık adımlarla kaydırıp eşiği geçen ilk değeri buluyor — yani rengi gereğinden fazla bozmuyor. Ton ve doygunluk hiç değişmiyor. Yön de zemine göre seçiliyor: açık zeminde koyulaştırmak, koyu zeminde açmak gerekiyor; yanlış yöne gitmek oranı düşürür.

Diğer araçlar: Metin araçları · Numara doğrulayıcı · Görsel → WebP · JSON ↔ CSV