Kontrast oranı nasıl hesaplanır?
Her rengin göreli parlaklığı bulunur. Önce her kanal 0-1 aralığına getirilir ve sRGB gama düzeltmesi kaldırılır: değer 0,04045 ve altındaysa 12,92'ye bölünür, üstündeyse ((c + 0,055) ÷ 1,055)^2,4 alınır.
Doğrusal kanallar gözün duyarlılığına göre ağırlıklandırılır: L = 0,2126 R + 0,7152 G + 0,0722 B. Beyazın parlaklığı 1, siyahınki 0'dır.
Kontrast oranı (L1 + 0,05) ÷ (L2 + 0,05) ile bulunur; L1 açık olan renktir. Siyah ve beyaz 21:1 verir.
WCAG oranın yuvarlanmasına izin vermez: 4,499:1 bir değer AA normal metin eşiğini geçmez. Hesaplayıcı karşılaştırmayı yuvarlanmamış değerle yapar.
Büyük metin, en az 18 punto (yaklaşık 24px) ya da en az 14 punto (yaklaşık 18,66px) kalın yazıdır. Saydam yazı rengi girersen önce arka planla karıştırılır.
Formül
- Doğrusal kanal
c ≤ 0,04045 ise c ÷ 12,92, değilse ((c + 0,055) ÷ 1,055)^2,4- Göreli parlaklık
L = 0,2126 R + 0,7152 G + 0,0722 B- Kontrast oranı
(L açık + 0,05) ÷ (L koyu + 0,05)
Örnek hesap
Aşağıdaki örnek, şu değerlerle (Yazı (ön plan) rengi: #767676, Arka plan rengi: #FFFFFF) hesaplayıcının kendisiyle hesaplanmıştır.
| Adım | Hesap | Değer |
|---|---|---|
| Yazı göreli parlaklığı | L = 0,2126·R + 0,7152·G + 0,0722·B (doğrusal sRGB) | 0,1812 |
| Arka plan göreli parlaklığı | aynı formül | 1 |
| Kontrast oranı | (L açık + 0,05) ÷ (L koyu + 0,05) | 4,54:1 |
| Kontrast oranı | 4,54 : 1 |
Örneğin tablosu (5 satır)
| WCAG 2.2 ölçütü | En az | Sonuç |
|---|---|---|
| AA, normal metin (1.4.3) | 4,5:1 | geçer |
| AA, büyük metin (1.4.3) | 3:1 | geçer |
| AAA, normal metin (1.4.6) | 7:1 | kalır |
| AAA, büyük metin (1.4.6) | 4,5:1 | geçer |
| Arayüz bileşeni ve grafik (1.4.11) | 3:1 | geçer |
Kaynaklar
- W3C — WCAG 2.2, 1.4.3 / 1.4.6 kontrast ve göreli parlaklık tanımı (erişim 31.10.2026)
Son güncelleme: (içerik ya da kullanılan verinin son değiştiği ya da kontrol edildiği tarih).
Hesaba katılmayanlar
- Yazı tipi inceliği, kenar yumuşatma ve ekran parlaklığı gibi algıyı etkileyen etkenler hesaba katılmaz.
- Gradyan ya da görsel üzerindeki yazıda kontrast her noktada değişir; en düşük kontrastlı bölgenin rengini ayrıca denetle.
- Yeni nesil APCA algoritması (WCAG 3 taslağı) kullanılmaz; sonuçlar yürürlükteki WCAG 2.2 ölçütlerine göredir.
Sıkça sorulan sorular
WCAG AA için kontrast oranı kaç olmalı?
Normal metinde en az 4,5:1, büyük metinde en az 3:1. Düğme kenarlığı, form alanı ve simge gibi arayüz bileşenleri için de 3:1 gerekir (1.4.11).
Beyaz arka planda en açık hangi gri AA'yı geçer?
#767676 beyazda 4,54:1 verir ve AA normal metin eşiğini geçer. Bir ton açığı olan #777777 ise 4,48:1 ile kalır.
Kırmızı yazı beyaz zeminde okunur mu?
Saf kırmızı (#FF0000) beyazda yaklaşık 4:1 verir. Büyük başlıklar için yeterli, normal metin için AA eşiğinin altındadır. Daha koyu bir kırmızı seçmek gerekir.
Kontrast oranı yuvarlanabilir mi?
Hayır. WCAG eşikleri kesindir; 4,49:1 değeri 4,5:1 sayılmaz. Sayfada gösterilen oran iki ondalığa yuvarlanır ama geçer/kalır kararı yuvarlanmamış değerle verilir.
Yasal olarak WCAG uyumu zorunlu mu?
AB'de Avrupa Erişilebilirlik Yasası ve kamu sitelerine yönelik direktif, WCAG 2.1 AA düzeyine dayanan EN 301 549 standardını esas alır. Kendi yükümlülüğünü ilgili mevzuattan doğrula.