Contrast Checker: WCAG 2.2 Kontrast Oranı ve AA/AAA

Nasıl kullanılır?

Metin rengini Metin rengi, arkasındaki rengi Arka plan rengi alanına yazın.
Kontrast oranına bakın. Dört metin kontrolü ve bileşen kontrolü, çiftin hangi düzeyleri geçtiğini gösterir.
Gövde metni için AA, normal metin hedefleyin. Büyük metin daha az kontrast ister; boyutlar aşağıdaki bölümde.
Bir kontrol geçmezse Önerilen metin renginden başlayın ve sonucu gerçek tasarımınızda deneyin.

Oran nasıl hesaplanır?

WCAG 2.2 her renge bağıl parlaklık (göreli luminans) verir. Kırmızı, yeşil ve mavi değerlerinin her biri önce doğrusallaştırılır: 0 ile 1 ölçeğinde en çok 0,04045 olan değer 12,92'ye bölünür; daha büyük değer ise 0,055 eklenip 1,055'e bölündükten sonra 2,4'üncü kuvvete yükseltilir. Sonra üç sonuç kırmızı için 0,2126, yeşil için 0,7152 ve mavi için 0,0722 ağırlıkla toplanır. Kontrast oranı, daha açık rengin parlaklığına 0,05 eklenip daha koyu rengin parlaklığına 0,05 eklenerek bölünmesiyle bulunur.

Sonuç, iki aynı renk için 1, siyah üzerine beyaz için 21'dir.

L = 0,2126 × R + 0,7152 × G + 0,0722 × B
oran = (L1 + 0,05) ÷ (L2 + 0,05)

L1  daha açık rengin parlaklığı
L2  daha koyu rengin parlaklığı

Düzeyler

WCAG 2.2 şu asgari oranları koyar. Düzey ve ölçüt numarası, tam metni aramanız için verilmiştir.

AA, normal metin: 4,5:1 (ölçüt 1.4.3).
AA, büyük metin: 3:1; 18 punto ya da kalın 14 punto metin (1.4.3).
AAA, normal metin: 7:1 (ölçüt 1.4.6).
AAA, büyük metin: 4,5:1 (1.4.6).
Sayfayı kullanmak için okuyucunun ihtiyaç duyduğu düğme, kenarlık ve simgeler: 3:1 (1.4.11).

Bu araç neleri kapsamaz?

Fotoğraf, görsel ve geçişli arka planlar: arka plan metnin altında değişir; gerçek piksellere bakın.
Saydam renkler: okuyucunun sayfada gördüğü rengi girin.
Üzerine gelme, odak ve diğer durumlar: her durumun renklerini ayrıca kontrol edin.
Metnin okuyucu için büyük olup olmadığı: bunu yazı boyutu ve kalınlığı belirler, araç bilemez.

Örnek: beyaz üzerine gri #777

#777 grisinde her kanal 255 üzerinden 119'dur ve bağıl parlaklığı yaklaşık 0,184'tür. Beyazın parlaklığı 1 olduğundan oran (1 + 0,05) ÷ (0,184 + 0,05) = 4,48 çıkar.

Demek ki #777, beyaz üzerinde normal metin için AA'yı küçük bir farkla geçemez; büyük metin için AA'yı ve bileşenler için 3:1 kontrolünü geçer, AAA'yı geçemez. AA'yı geçen en yakın koyu gri #767676'dır ve oranı 4,54'tür.

Kontrol	Gerekli	Beyaz üzerine #777
AA, normal metin	4,5:1	4,48: geçmez
AA, büyük metin	3:1	Geçer
AAA, normal metin	7:1	Geçmez
AAA, büyük metin	4,5:1	Geçmez
Düğme, kenarlık ve simgeler	3:1	Geçer

Sık sorulan sorular

Gövde metni için hangi kontrast oranı gerekir?

WCAG 2.2 AA düzeyinde normal metin en az 4,5:1, büyük metin 3:1 ister. AAA düzeyi normal metin için 7:1, büyük metin için 4,5:1 ister.

Oran 4,4999 iken neden 4,50 görünür ve yine geçmez?

Kontrol, ekranda görülen iki ondalık basamağa değil, tam orana bakar. 4,5'in hemen altındaki bir oran gösterildiğinde 4,50 olur, ama 4,5:1'e ulaşmaz; bu yüzden geçmez.

İki rengin sırası oranı değiştirir mi?

Hayır. Hangisinin metin, hangisinin arka plan olduğu fark etmez; oran her zaman daha açık rengin parlaklığı üstte olacak biçimde hesaplanır.

Önerilen renk nedir?

Arka planınızda 4,5:1'e ulaşan ve parlaklığı size en yakın metin rengidir. Tonunu ve doygunluğunu korur; daha koyu ya da daha açık olanlardan daha az değişiklik gerektireni seçilir.

Saydam bir renk girebilir miyim?

Burada hayır. Ziyaretçinin gördüğü rengi girin; yani saydam rengin arkasındaki arka planla karışmış hâlini.

Renklerim bir sunucuya gönderiliyor mu?

Hayır. Hesaplama tarayıcınızda yapılır; girdiğiniz hiçbir şey saklanmaz ya da gönderilmez.

Oranın geçmesi metnin okunmasının kolay olduğu anlamına gelir mi?

Her zaman değil. Oran, WCAG'nin koyduğu asgari değerdir. Yazı boyutu, kalınlığı, satır aralığı ve okuyucunun gözü de önemlidir; mümkünse gerçek tasarımı insanlarla deneyin.

Kaynaklar

Rakamlar ve metin en son 10 Kasım 2026 Salı tarihinde kontrol edildi.

Sonuç