WCAG 2.1 standartlarına göre iki renk arasındaki kontrast oranını hesaplayın ve erişilebilirlik uyumluluğunu test edin
Kullanım KılavuzuKontrast Oranı
21.00:1
Mükemmel - AAA tüm metinler
AA Normal Metin
Min. 4.5:1
AA Büyük Metin
Min. 3:1
AAA Normal Metin
Min. 7:1
AAA Büyük Metin
Min. 4.5:1
Metin rengi arka plan üzerinde
Bu bir normal metin örneği. Kullanıcılar bu boyuttaki metinleri web sayfalarında sıkça okur. Kontrast oranı yeterli olmalıdır.
Bu bir büyük metin örneği
Ters kombinasyon (arka plan rengi metin olarak)
Bu bir normal metin örneği. Ters renk kombinasyonunun okunabilirliğini kontrol edin.
Bu bir büyük metin örneği
WCAG 2.1, metin ve arka plan arasında minimum kontrast oranları belirler. AA seviyesi normal metin için 4.5:1, büyük metin için 3:1 gerektirir. AAA seviyesi ise normal metin için 7:1, büyük metin için 4.5:1 gerektirir. Bu oranlar, görme güçlüğü olan kullanıcıların içeriği rahatça okuyabilmesi için önemlidir.
AA seviyesi, çoğu web sitesi için minimum erişilebilirlik standardıdır ve yasal uyumluluk için genellikle yeterlidir. AAA seviyesi ise en yüksek erişilebilirlik standardıdır ve daha geniş bir kullanıcı kitlesine hitap eder. AAA uyumluluğu sağlamak her zaman mümkün olmayabilir ancak mümkün olduğunca hedeflenmelidir.
WCAG standartlarına göre büyük metin, 18pt (24px) ve üzeri normal kalınlıktaki metin veya 14pt (yaklaşık 18.66px) ve üzeri kalın (bold) metindir. Büyük metin için kontrast gereksinimleri daha düşüktür çünkü büyük harfler doğal olarak daha kolay okunur.
Kontrast oranı, iki rengin göreceli luminans değerlerine göre hesaplanır. WCAG 2.1 formülüne göre her rengin sRGB değerleri lineer RGB'ye dönüştürülür, luminans hesaplanır ve (L1 + 0.05) / (L2 + 0.05) formülüyle oran bulunur. Sonuç 1:1 (aynı renk) ile 21:1 (siyah-beyaz) arasında değişir.
HEX, RGB, HSL, CMYK ve diğer formatlar arası dönüşüm
Tasarımınızı renk körlüğü filtreleri ile test edin
Uyumlu renk paletleri oluşturun
Matbaa ve baskı sektörü için profesyonel araçlar