Renk Kontrast Denetleyicisi

Nasıl Çalışır

Renk seçicileri kullanarak veya hex değerlerini doğrudan yazarak bir ön plan ve arka plan rengi seçin. Araç, WCAG 2.1 formülünü kullanarak her rengin göreli parlaklığını hesaplar — gama çözmeden sonra sRGB kanallarının ağırlıklı toplamı — ve daha parlak parlaklığı daha koyu olana böler (saf siyah için sıfıra bölünmeyi önlemek için pay ve paydada artı 0,05). Ortaya çıkan kontrast oranı 1:1 (aynı renkler) ile 21:1 (saf siyah üzerine saf beyaz) arasında değişir. Dört WCAG rozeti geçer veya kalır gösterir: normal metin için AA (≥ 4,5:1), büyük metin için AA (≥ 3:1), normal metin için AAA (≥ 7:1) ve büyük metin için AAA (≥ 4,5:1). Canlı önizleme paneli, görsel doğrulama için normal ve büyük metinde örnek cümleler gösterir. Hesaplama tamamen tarayıcınızda sunucu çağrısı olmadan gerçekleşir.

Kullanım Alanları

• Bir web sitesi yeniden tasarımını başlatmadan önce marka renk paletini erişilebilirlik uyumluluğu için kontrol etme
• Koyu veya açık temada okunabilir kalan düğme ve bağlantı renkleri seçme
• Section 508, EN 301 549 veya ADA uyumluluğu için WCAG 2.1 AA veya AAA gereksinimlerini karşılama
• Geliştirme başlamadan önce okunamayan metni işaretlemek için tasarımcıdan gelen bir maketi gözden geçirme
• Küçük parlaklık farklarının nasıl büyük kontrast arızalarına yol açtığını göstererek erişilebilirlik kavramlarını öğretme