Renk Kontrastı Denetleyicisi
İki hex rengi arasındaki WCAG kontrast oranını kontrol edin ve çiftin AA ile AAA erişilebilirlik standartlarını geçip geçmediğini görün.
Bu araç sorunuza cevap verdi mi?
Teşekkürler — bu, aracı geliştirmemize yardımcı oluyor.
Bu araç nasıl kullanılır
- Ön plan (metin) rengini ve arka plan rengini hex kodu olarak girin.
- Araç, her rengin WCAG göreli parlaklığını hesaplar.
- Kontrast oranını ve AA ile AAA eşikleri için Geçti/Başarısız sonuçlarını okuyun.
İki rengin WCAG 2.1 kontrast gereksinimlerini karşılayıp karşılamadığını kontrol edin. Normal metin (AA) için minimum oran 4.5:1, en yüksek AAA standardı için ise 7:1'dir.
Formül
For each hex color, compute relative luminance L using the WCAG formula:L = 0.2126 × lin(R) + 0.7152 × lin(G) + 0.0722 × lin(B)
where lin(c) = c/12.92 if c ≤ 0.03928, else lin(c) = ((c + 0.055)/1.055)2.4.
Contrast ratio: ratio = (Llighter + 0.05) / (Ldarker + 0.05)
WCAG thresholds: AA normal text ≥ 4.5:1; AA large text ≥ 3.0:1; AAA normal text ≥ 7.0:1; AAA large text ≥ 4.5:1.
Sık sorulan sorular
- WCAG kontrast oranı nedir?
- WCAG (Web İçeriği Erişilebilirlik Yönergeleri) bir kontrast oranı formülü tanımlar. 1:1'den (kontrast yok) 21:1'e (siyah üzerine beyaz) kadar değişir. Normal gövde metni, AA uyumluluğu için en az 4.5:1 gerektirir.
- Büyük metin ne sayılır?
- Büyük metin, 18pt (24px) veya daha büyük, ya da 14pt kalın (yaklaşık 19px kalın) metindir. Büyük metin, AA için yalnızca 3:1 oranı gerektirir.