Kontrast Oranı Hesaplama aracı nedir?
Bu araç, bir ön plan (metin) rengi ile arka plan rengi arasındaki renk kontrast oranını resmi WCAG 2.x formülünü kullanarak hesaplar. Kontrast oranı, erişilebilirliğin en önemli ölçütlerinden biridir: az gören ya da renk körlüğü olan kullanıcılar için metnin okunabilir olup olmayacağını gösterir. Değerler 1:1 (aynı renkler, görünmeyen metin) ile 21:1 (saf siyah üzerine saf beyaz) arasında değişir.
Nasıl kullanılır?
Ön plan (metin) renginiz ve arka plan renginiz için kırmızı, yeşil ve mavi bileşenlerini (0–255) girin. Hesaplayıcı her kanalı doğrusallaştırır, her iki rengin bağıl parlaklığını hesaplar ve 0,05 ortam ışığı sabitini ekledikten sonra açık olanı koyu olana böler. Ardından bu renk çiftinin normal ve büyük metin için WCAG AA ve AAA gereksinimlerini karşılayıp karşılamadığını bildirir.
Formülün açıklaması
Kontrast oranı \((L_1 + 0{,}05) / (L_2 + 0{,}05)\) şeklindedir; burada L1 daha açık rengin, L2 ise daha koyu rengin bağıl parlaklığıdır.
$$\text{Contrast} = \frac{L_1 + 0.05}{L_2 + 0.05}$$Bağıl parlaklık şöyle hesaplanır: önce her kanal 0–1 aralığına ölçeklenir, ardından bir gama dönüşümü uygulanır: ölçeklenmiş değer \(\le 0{,}03928\) ise 12,92'ye bölünür, aksi halde \(\left(\frac{c+0{,}055}{1{,}055}\right)^{2{,}4}\) ifadesiyle yükseltilir. Doğrusallaştırılan kanallar \(0{,}2126\cdot R + 0{,}7152\cdot G + 0{,}0722\cdot B\) olarak birleştirilir; bu katsayılar gözün yeşile karşı daha yüksek duyarlılığını yansıtır.
$$\begin{aligned} L_1 &= \max(L_{fg},\, L_{bg}) \\ L_2 &= \min(L_{fg},\, L_{bg}) \\ L &= 0.2126\,R_{\ell} + 0.7152\,G_{\ell} + 0.0722\,B_{\ell} \\ C_{\ell} &= \begin{cases} \dfrac{C/255}{12.92} & C/255 \le 0.03928 \\[0.6em] \left(\dfrac{C/255 + 0.055}{1.055}\right)^{2.4} & \text{otherwise} \end{cases} \end{aligned}$$
Örnek hesaplama
Beyaz (255,255,255) zemin üzerine siyah metin (0,0,0): siyahın parlaklığı = 0, beyazın parlaklığı = 1. Oran = $$\frac{1 + 0{,}05}{0 + 0{,}05} = \frac{1{,}05}{0{,}05} = 21:1$$ — mümkün olan en yüksek kontrast değeri olup her WCAG seviyesini rahatlıkla geçer.
Sıkça Sorulan Sorular
Hangi orana ihtiyacım var? WCAG AA, normal metin için 4,5:1, büyük metin için (≥18pt veya 14pt kalın) 3:1 gerektirir. AAA ise sırasıyla 7:1 ve 4,5:1 ister.
Renk sırası önemli mi? Hayır — formül her zaman daha açık parlaklığı daha koyuya böldüğü için ön plan ile arka planın yer değiştirmesi aynı oranı verir.
Neden 0,05 ekleniyor? Bu sabit, ekrandaki ortam ışığı parlamasını modeller; böylece saf siyah üzerine saf siyah bile tanımlı, sonsuz olmayan bir değer üretir.
