Kontrast Denetleyici
WCAG AA ve AAA erişilebilirlik için ücretsiz çevrimiçi renk kontrast oranı denetleyicisi. Metin ve arka plan renklerini girerek uyumluluğu anında doğrulayın.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
21:1
Contrast Ratio
| WCAG AA | WCAG AAA | |
|---|---|---|
| Normal Text | ||
| Large Text |
Nasıl Çalışır
- Metin rengini HEX kodu olarak girin (örn. #333333) veya renk seçiciyle seçin.
- Arka plan rengini aynı şekilde girin.
- Kontrast oranını anında hesaplamak için kontrol düğmesine tıklayın.
- Sonuçları inceleyerek WCAG AA veya AAA uyumluluğunu karşılayıp karşılamadığını kontrol edin.
- İstediğiniz erişilebilirlik düzeyine ulaşana kadar renkleri gerektiği şekilde ayarlayın.
Örnek
Giriş: Metin rengi: #1a1a1a, Arka plan rengi: #ffffff
Sonuç: Kontrast oranı: 19.32:1 — Normal ve büyük metin için WCAG AA ve AAA geçti
SSS
Kontrast oranı, iki renk arasındaki göreli parlaklık farkını ölçer. 1:1 (kontrast yok) ile 21:1 (siyah-beyaz maksimum kontrast) arasında değişir. Yüksek kontrast, görme güçlüğü olan kişiler dahil tüm kullanıcıların metni daha kolay okumasını sağlar.
AA seviyesi, normal metin için en az 4.5:1, büyük metin (18pt veya 14pt kalın) için en az 3:1 kontrast oranı gerektirir. Daha katı olan AAA seviyesi ise normal metin için 7:1 ve büyük metin için 4.5:1 gerektirir.
Evet, verileriniz tamamen gizlidir. Tüm işlemler tarayıcınızda istemci tarafında gerçekleştirilir. Hiçbir renk değeri veya başka bilgi herhangi bir sunucuya gönderilmez.
Türkiye'de kamusal web siteleri için erişilebilirlik standartlarına uyum giderek daha fazla önem kazanmaktadır. Kamu kurumlarının web siteleri için WCAG standartlarına uygunluk tavsiye edilmekte ve bazı düzenlemelerle desteklenmektedir.
Evet, araç HEX kodlarını, RGB değerlerini ve görsel renk seçiciyi desteklemektedir. İş akışınıza en uygun formatı kullanarak doğru kontrast hesaplaması yapabilirsiniz.