WCAG Renk Kontrast Oranı Nedir?
Kontrast oranı, iki rengin birbirinden ne kadar ayırt edilebilir olduğunu ölçer; genellikle bu, bir metnin arka plana göre ölçülmesi anlamına gelir. Web İçeriği Erişilebilirlik Yönergeleri (WCAG 2.x), düşük görme yetisine veya renk körlüğüne sahip kişilerin içeriği rahatça okuyabilmesi için bu oranı temel alarak asgari eşik değerleri belirler. Oranlar 1:1 (iki renk tamamen aynı) ile 21:1 (saf siyah üzerine saf beyaz) arasında değişir.
Bu Aracı Nasıl Kullanırsınız?
Ön plan (metin) rengini ve arka plan rengini hex değeri olarak girin; örneğin #1a73e8 ya da kısaltılmış hâliyle #fff. Hesaplama aracı her rengi doğrusallaştırır, bağıl parlaklığını hesaplar ve hem kontrast oranını hem de her WCAG eşik değerine göre geçti/kaldı sonucunu verir.
Formülün Açıklaması
Oran şu şekilde hesaplanır:
$$\text{Ratio} = \frac{L_1 + 0.05}{L_2 + 0.05}$$Burada \(L_1\) açık rengin, \(L_2\) ise koyu rengin bağıl parlaklığıdır. Bağıl parlaklık şöyle bulunur: her sRGB kanalı 0–1 aralığında bir değere dönüştürülür, doğrusallaştırılır (\(0{,}03928\) ve altındaki kanallar \(12{,}92\)'ye bölünür; daha parlak kanallar için \(\left(\frac{c+0.055}{1.055}\right)^{2.4}\) kullanılır), ardından \(0.2126 \cdot R + 0.7152 \cdot G + 0.0722 \cdot B\) formülüyle birleştirilir. Buradaki \(0{,}05\) değeri hem sıfıra bölünmeyi önler hem de ekrandaki ortam ışığı yansımasını modeller.
Örnek Hesaplama
Beyaz (#FFFFFF) üzerine siyah metin (#000000): siyahın parlaklığı 0, beyazın parlaklığı 1'dir. Oran $$\frac{1 + 0.05}{0 + 0.05} = \frac{1.05}{0.05} = 21:1$$ olur. Bu, mümkün olan en yüksek değerdir ve tüm seviyeleri rahatlıkla geçer.
Sıkça Sorulan Sorular
Ne kadar kontrast gerekir? WCAG AA, normal metin için 4,5:1, büyük metin için (≥18pt veya kalın 14pt) 3:1 oranı ister. AAA ise sırasıyla 7:1 ve 4,5:1 değerlerini şart koşar.
Renk sırası önemli mi? Hayır. Formül her zaman açık rengin parlaklığını koyu rengin parlaklığına böler; bu yüzden ön plan ile arka planı yer değiştirseniz bile sonuç aynı kalır.
Neden basit parlaklık hesabı yeterli değil? İnsanın renk algısı doğrusal değildir ve yeşile daha duyarlıdır. İşte bu nedenle parlaklık hesabında düz bir ortalama yerine gama düzeltmesi ve kanala özgü katsayılar kullanılır.
