Renk kontrastı denetleyicisi (WCAG)
İki rengi hex (#1f2937) veya rgb(31, 41, 55) biçiminde girin.
Sonuç
4,54:1Kontrast oranı
- AA, normal metin (4,5:1)
- ✓
- AA, büyük metin (3:1)
- ✓
- AAA, normal metin (7:1)
- ✕
- AAA, büyük metin (4,5:1)
- ✓
- Okunan renkler
- #767676 / #ffffff
Girdiler
- Metin rengi
- #767676
- Arka plan rengi
- #ffffff
Nasıl hesaplanır
Her rengin göreli parlaklığı doğrusallaştırılmış sRGB kanallarından hesaplanır.
Sonuç
Kontrast oranı
- AA, normal metin (4,5:1)
- ✓
- AA, büyük metin (3:1)
- ✓
- AAA, normal metin (7:1)
- ✕
Nasıl hesaplanır
- Her rengin göreli parlaklığı doğrusallaştırılmış sRGB kanallarından hesaplanır.
- Oran = (açık L + 0,05) ÷ (koyu L + 0,05); aralık 1:1 ile 21:1 arasındadır.
- Oran, yuvarlanmadan önce WCAG 2 eşikleriyle karşılaştırılır.
Örnek
Beyaz üzerinde #767676, 4,54:1 verir: normal metin için AA uygundur, AAA değildir.
Bilmen gerekenler
- Büyük metin en az 24 px veya kalın yazıda 18,66 px olmalıdır.
- Saydamlık ve renk geçişleri hesaba katılmaz.
Ne zaman kullanılır?
- Bir web sayfasında metin ve zemin renklerinin okunabilirliğini kontrol edin.
- Renk eşleşmelerinin WCAG AA veya AAA hedefini karşılayıp karşılamadığını görün.
Sık sorulan sorular
Normal metin için WCAG AA kontrastı kaç olmalıdır?
WCAG 2, normal metin için en az 4,5:1 kontrast oranı ister.
WCAG’ye göre büyük metin nedir?
En az 24 CSS px veya kalın yazıda yaklaşık 18,66 CSS px olan metindir.
Saydamlık veya degradeler hesaba katılır mı?
Hayır. Araç girilen düz renkleri karşılaştırır; saydamlık ve degradeleri hesaba katmaz.