Renk Paleti ve Kontrast: WCAG Denetim Rehberi
Blog başlığınız zeminle kaynaşıyorsa okunabilirlik düşer. Bu araç görselden 6 baskın renk ve HEX kodu çıkarır. Metin ve zemin seçip WCAG AA (4.5:1) ve AAA (7:1) uygunluğunu anında görürsünüz. Tüm işlem cihazınızda yapılır.
Adım adım kullanım
- Görseli seçin (PNG/JPG/WebP, 20 MB altı).
- Görüntüle ile 6 rengi ve kodları listeleyin.
- Renk kutusuna tıklayıp metin rengi yapın.
- Zemin seçiciyle arka planı belirleyin.
- Oran ve AA/AAA sonucunu okuyup temaya uygulayın.
Örnek senaryo
Tasarımcı kapak görselinden lacivert tonunu metin rengi yapar. Beyaz zeminde oran 12,4:1 çıkar, AAA geçer. Açık gri zeminde 2,1:1 kalır, koyulaştırıp 4,6:1 ile AA sağlar.
Sonucu kontrol edin
Oranın 4,5 üstü olduğunu doğrulayın. Küçük yazıda 7 hedefleyin. Renk körü simülasyonu için gri ton testi yapın. Sonucu temaya işleyin.
Sık sorulan sorular
Kaç renk çıkar?
En baskın 6 renk listelenir.
AA nedir?
4.5:1 normal metin eşiğidir.
AAA gerekir mi?
Küçük yazıda önerilir, zorunlu değildir.
Şeffaflık?
Alfa kanalı yoksayılır, opak karşılığı alınır.
Yükleniyor mu?
Hayır, analiz tarayıcıdadır.
Aracı aç: Renk Paleti ve Kontrast →
Dosyanız üzerinde işlem yapmadan önce özgün kopyayı saklayın. Örnekler açıklama amaçlıdır; sonuç belgenize göre değişir.