Kontrast Kontrolü (WCAG)
İki rengin arasındaki kontrast oranını hesapla ve WCAG AA/AAA seviyelerini geçip geçmediğini gör.
DeveloperSonuç
Kontrast oranı
17,21:1
- Normal metin, AA (4,5:1)
- Geçti ✓
- Büyük metin, AA (3:1)
- Geçti ✓
- Normal metin, AAA (7:1)
- Geçti ✓
- Büyük metin, AAA (4,5:1)
- Geçti ✓
Nasıl çalışır?
Metin rengini ve zemin rengini gir. Araç WCAG 2 göreli parlaklık formülüyle kontrast oranını hesaplar ve bu oranın normal ve büyük metin için AA (4,5:1 / 3:1) ve AAA (7:1 / 4,5:1) eşiklerini geçip geçmediğini gösterir. `color-converter` aracının aksine, sabit beyaz/siyah değil, girdiğin herhangi iki rengi karşılaştırır.
Formül
Kontrast = (L1 + 0,05) ÷ (L2 + 0,05), L: göreli parlaklık (parlak olan pay, koyu olan payda)
Örnek
Metin rengi: #0B1647 · Zemin rengi: #FFFFFF → Kontrast oranı: 17,21:1
Benzer Araçlar
Araç Kutun hazır olsun.
Sık kullandığın araçları favorilere ekle, hesabınla her cihazında karşına çıksın.
Sık sorulan sorular
Hangi oran yeterli?
Normal boy metin için WCAG AA en az 4,5:1 ister; 18px ve üzeri kalın ya da 24px ve üzeri normal 'büyük metin' sayılır ve 3:1 yeterlidir. AAA seviyesi daha sıkıdır: sırasıyla 7:1 ve 4,5:1.
Yarı saydam (rgba) renkleri destekliyor mu?
Girilen renk yarı saydamsa alfa kanalı yok sayılır; gerçek görünen kontrast, rengin üzerinde durduğu zemine göre değişir ve bu araç onu hesaba katmaz.
color-converter'daki kontrast ile farkı ne?
color-converter tek bir rengi sabit beyaz ve siyah zemine göre kontrol eder. Bu araç, gerçek tasarımındaki iki rengi (örneğin koyu mavi metnini kendi lacivert zeminine göre) birebir karşılaştırmana izin verir.