HesaplamaMerkezi

Renk Kontrast Oranı (WCAG) Hesaplama

İki renk arasındaki WCAG 2.1 kontrast oranını hesaplayın; AA ve AAA erişilebilirlik seviyelerini görün.

Reklam728 × 90
Örnek metin — Aa Bb 123
Kontrast Oranı
3,36 : 1
Sınırda
AA — Normal metin (≥4.5:1)Kalır
AA — Büyük metin (18pt+) (≥3:1)Geçer
AAA — Normal metin (≥7:1)Kalır
AAA — Büyük metin (≥4.5:1)Kalır
AA — UI bileşenleri (≥3:1)Geçer
WCAG 2.1 kontrast oranı hesaplaması. Normal metin için AA seviyesi 4,5:1, AAA için 7:1 gereklidir. Erişilebilir tasarım için kritiktir.

Normal metin için AA ≥ 4,5:1, AAA ≥ 7:1. UI bileşenleri için ≥ 3:1 önerilir.

Reklamresponsive

Nasıl hesaplanır?

Oran = (L1 + 0,05) / (L2 + 0,05) (L = göreli parlaklık)

Sık Sorulan Sorular

WCAG kontrast oranı nedir?

Metin ile arka plan arasındaki parlaklık oranıdır: (L1+0,05)/(L2+0,05). WCAG AA standardı normal metinde en az 4,5:1, büyük metinde 3:1; AAA ise 7:1 ister.

Kontrast neden önemli?

Düşük kontrast; görme azlığı olan kullanıcılar, yaşlılar ve güneş altındaki ekranlar için metni okunmaz yapar. Yasal erişilebilirlik denetimlerinin de temel kriteridir.

Kontrastı nasıl artırırım?

Metin rengini koyulaştırmak/açmak (L değerini değiştirmek) en etkili yoldur; renk tonunu değiştirmeden HSL'de lightness ayarı çoğu zaman yeterlidir. Araç, iki renginizi girince tüm WCAG eşiklerini test eder.

Detaylı Bilgi

Göreli parlaklık (relative luminance) hesabı, insan gözünün renklere eşit duyarlı olmadığı gerçeğini yansıtır — yeşil kanal formülde en yüksek ağırlığı taşırken mavi en düşük ağırlığı taşır, çünkü göz yeşile mavi ışıktan çok daha duyarlıdır; bu yüzden aynı 'parlaklık' değerine sahip iki renk, insan gözüne birbirinden farklı derecede parlak görünebilir ve kontrast formülü bu farkı hesaba katar.

İlgili Hesaplayıcılar

Reklam728 × 90