Ücretsiz Renk Kontrast Denetleyicisi
Renk kontrast oranlarını WCAG 2.1 erişilebilirlik standartlarına göre test edin. Metin okunabilirliği için AA ve AAA uyumluluğunu kontrol edin. Ücretsiz, anlık ve gizli.
Renk Kontrast Denetleyici, göreli parlaklık formülünü kullanarak herhangi bir ön plan/arka plan çiftini WCAG 2.1 AA ve AAA standartlarına göre test eder. Kontrast oranını, metin boyutu ve UI bileşenleri için geçti/kaldı durumunu, canlı önizlemeyi ve protanopi, deuteranopi, tritanopi için renk körlüğü simülasyonunu gösterir. Bir çift başarısız olduğunda geçer alternatifler önerir. Tamamen tarayıcınızda. FreeToolHub tarafından yapıldı.
| Normal Metin | Büyük Metin | |
|---|---|---|
| WCAG AA | ✓ Geçti 4,5:1 oran gerektirir | ✓ Geçti 3:1 oran gerektirir |
| WCAG AAA | ✓ Geçti 7:1 oran gerektirir | ✓ Geçti 4,5:1 oran gerektirir |
| UI Bileşenleri | ✓ Geçti 3:1 oran gerektirir (WCAG 2.1) | |
Sıkça Sorulan Sorular
Renk kontrast oranı nedir?
Kontrast oranı, iki renk arasındaki algılanan parlaklık farkını ölçer ve 1:1 (kontrast yok) ile 21:1 (maksimum kontrast, siyah üzerine beyaz) arasında bir oran olarak ifade edilir. WCAG göreceli parlaklık formülü kullanılarak hesaplanır.
WCAG uyumluluğu için hangi kontrast oranına ihtiyacım var?
WCAG AA, normal metin için minimum 4,5:1 ve büyük metin için 3:1 kontrast oranı gerektirir (18pt veya 14pt kalın). WCAG AAA, normal metin için 7:1 ve büyük metin için 4,5:1 gerektirir. UI bileşenleri WCAG 2.1 kapsamında en az 3:1 gerektirir.
WCAG'da "büyük metin" olarak ne sayılır?
Büyük metin, normal ağırlıkta 18 punto (24px) veya daha büyük, ya da kalın yazıda 14 punto (yaklaşık 18,66px) veya daha büyük olarak tanımlanır. Büyük metin doğası gereği okunması daha kolay olduğundan daha düşük kontrast gereksinimlerine sahiptir.
Renk kontrastı erişilebilirlik için neden önemlidir?
Yaklaşık her 12 erkekten 1'i ve her 200 kadından 1'i bir tür renk görme bozukluğuna sahiptir. Düşük kontrastlı metin, görme bozukluğu veya renk körlüğü olan kişiler için okunması zor veya imkansızdır. Yeterli kontrast, içeriğinizin herkes tarafından okunabilir olmasını sağlar.
Bu araç renk seçimlerimi saklar mı?
Hayır. Her şey tarayıcınızda yerel olarak çalışır. Hiçbir renk, sonuç veya veri bir sunucuya gönderilmez veya saklanmaz. Gizliliğiniz tamamen korunmaktadır.
Renk önerisi özelliği nasıl çalışır?
Bir renk çifti bir WCAG seviyesini geçemediğinde, araç orijinal ton ve doygunluğu koruyarak HSL renk uzayında parlaklığı ayarlayarak geçecek en yakın rengi otomatik olarak hesaplar. Hem daha koyu bir ön plan hem de daha açık bir arka plan önerir.