Renk Kontrast Denetleyicisi

WCAG 2.1 erişilebilirlik yönergelerine göre ön plan/arka plan renk kontrast oranını kontrol eder. Anında AA/AAA sonuçları.

Ön plan rengi

Arka plan rengi

Büyük metin önizlemesi (18pt kalın)

Normal metin önizlemesi — The quick brown fox jumps over the lazy dog.

14.05:1kontrast oranı

AA — Normal metin (≥ 4,5:1)Geçti

AA — Büyük metin (≥ 3:1)Geçti

AAA — Normal metin (≥ 7:1)Geçti

AAA — Büyük metin (≥ 4,5:1)Geçti

Bu araç hakkında

Renk kontrastı denetleyicisi, WCAG 2.1 göreli parlaklık formülünü kullanarak ön plan (metin) rengi ile arka plan rengi arasındaki kontrast oranını hesaplar.

WCAG 2.1 iki uyum düzeyi tanımlar: AA, normal metin için 4,5:1 ve büyük metin için 3:1 gerektirir. AAA 7:1 ve 4,5:1 gerektirir.

Nasıl kullanılır

Renk seçicilerle veya hex kodları girerek ön plan ve arka plan renklerini seçin.
Önizleme, metnin normal ve büyük boyutlarda nasıl göründüğünü gösterir.
Kontrast oranı ve WCAG sonuçları anında güncellenir.
Yaygın erişilebilirlik modellerini keşfetmek için örnek çiftleri kullanın.

Kullanım senaryoları

UI tasarımcıları düğme etiketleri ve metnin WCAG standartlarını karşıladığını doğrular. Frontend geliştiriciler tasarım sistemlerinde metin-arka plan kombinasyonlarını kontrol eder.

Sık sorulan sorular

"Büyük metin" neyi kapsar? — WCAG büyük metni en az 18pt (24px) normal veya 14pt (~18.67px) kalın olarak tanımlar.
Şeffaflık veya rgba destekleniyor mu? — Hayır, bu araç yalnızca düz hex renkleriyle çalışır.
Hangi WCAG seviyesini hedeflemeliyim? — AA, çoğu kamu sitesi için önerilen minimumdur. AAA daha iyi okunabilirlik sağlar.
4,5:1 her zaman yeterli mi? — 4,5:1 WCAG AA'yı karşılar, ancak daha ciddi görme engeli olan kullanıcılar daha yüksek oranlardan faydalanabilir.