Metin ve arka plan rengini girin. Contrast ratio checker ile WCAG AA ve AAA eşiklerini ücretsiz kontrol edin, oranı görün.
Metin ile zeminin kontrastını hesaplayın
Color contrast checker iki opak HEX rengin bağıl parlaklığından kontrast oranını hesaplar. Metin rengi ve arka plan için üç veya altı haneli HEX değerini girin. Önizleme seçtiğiniz renkleri, sonuç tablosu ise ayrı WCAG metin eşiklerini gösterir.
Siyah ve beyaz örneği
#000000 ile #ffffff kontrastı 21:1, aynı iki rengin kontrastı 1:1 olur. Formül (açık rengin bağıl parlaklığı + 0,05) / (koyu rengin bağıl parlaklığı + 0,05) şeklindedir. RGB kanalları hesap öncesinde doğrusal parlaklığa dönüştürülür.
AA ve AAA sonucu nasıl okunur?
W3C metin kontrastı açıklaması AA için normal metinde 4,5:1, büyük metinde 3:1 eşiğini belirtir. AAA eşikleri sırasıyla 7:1 ve 4,5:1'dir. Büyük metin tanımı yaklaşık 18 punto normal veya 14 punto kalın yazıya dayanır; yalnız ekranda büyük görünmesi yeterli değildir.
Contrast ratio checker eşik kararında yuvarlanmamış oranı kullanır. Örneğin 4,499 değeri ekranda 4,50 gibi yuvarlansa bile 4,5 koşulunu geçmez. Şeffaflık, gradient, arka plan fotoğrafı, hover durumu ve tüm erişilebilirlik kriterleri bu iki renk hesabının dışındadır.
Sık sorulan sorular
Metin ve arka planı değiştirirsem oran değişir mi?
Hayır. Aynı iki rengin kontrast oranı sıralamadan bağımsızdır.
Alfa kanallı HEX kabul edilir mi?
Hayır. Bu sürüm yalnız opak üç veya altı haneli HEX kabul eder.
AA geçmesi bütün sayfanın erişilebilir olduğunu gösterir mi?
Hayır. Klavye, anlamlı yapı, alternatif metin ve diğer WCAG koşulları ayrıca değerlendirilmelidir.
Renk körlüğü simülasyonu var mı?
Hayır. Kontrast hesabı farklı görme koşullarının tam simülasyonu değildir.