Renk kontrastı denetleyici

İki opak rengin kontrastını ve WCAG 2.2 AA/AAA metin eşiklerini hesaplayın.

Bu sayfa, mevcut kapsam içinde bu dilde kullanılabilen araçları gösterir. Bu, sitedeki her aracın her dile çevrildiği anlamına gelmez.

3/4/6/8 basamaklı HEX; 0–255 veya yüzde olarak RGB; HSL için ton 0–360, doygunluk/açıklık 0–100%. Virgül ve 0–1 arasında alfa kullanın. Kontrast yalnızca opak renkleri kabul eder.

WCAG 2.2: AA için normal metinde 4.5:1, büyük metinde 3:1 gerekir; AAA için 7:1 ve 4.5:1 gerekir. Büyük metin 18pt veya kalın 14pt'dir. Uygunluk kararı yuvarlanmamış orana dayanır; bu bir erişilebilirlik sertifikası değildir.

Nasıl kullanılır?

Opak metin ve arka plan renklerini girip hesaplayın. Gerçek metin boyutunuza göre oranı ve her eşik sonucunu okuyun.

Bir örnek deneyin

Beyaz #FFFFFF üzerindeki siyah #000000 için oran 21:1'dir; aynı renk kendi üzerinde 1:1 verir.

Destek ve sınırlar

WCAG 2.2: AA için normal metinde 4.5:1, büyük metinde 3:1 gerekir; AAA için 7:1 ve 4.5:1 gerekir. Büyük metin 18pt veya kalın 14pt'dir. Kararlar yuvarlanmamış orana dayanır; görüntü dört ondalık basamağa yuvarlanır. W3C kaynakları: Understanding SC 1.4.3 ve SC 1.4.6.

Sık sorulan sorular

Uygun sonucu, bir sitenin WCAG'yi tamamen karşıladığı anlamına gelir mi?

Hayır. Yalnızca iki rengin kontrast oranı denetlenir. Yazı tipleri, görseller, etkileşim durumları ve diğer erişilebilirlik koşulları ayrıca incelenmelidir.

İlgili araçlar