Geliştirici🔒 Tarayicinizda calisir

Renk Kontrast Denetleyicisi

WCAG AA/AAA renk kontrast uyumluluğunu kontrol edin

Metin Rengi

Arka Plan Rengi

Önizleme Başlık Metni

Bu renklerle gövde metninin nasıl görüneceği budur.

Ve bu referans için küçük metin.

Kontrast Oranı

21.00:1

WCAG AA

Normal metin✓ Geçti

Büyük metin (18px+)✓ Geçti

UI bileşenleri✓ Geçti

WCAG AAA

Normal metin✓ Geçti

Büyük metin (18px+)✓ Geçti

Renk Kontrast Denetleyicisi Hakkında

Renk Kontrast Denetleyicisi, WCAG 2.1 yönergelerine göre iki renk arasındaki kontrast oranını değerlendirir. Renk kombinasyonlarınızın normal metin, büyük metin ve UI bileşenleri için AA veya AAA erişilebilirlik standartlarını karşılayıp karşılamadığını söyler. Her şey tarayıcınızda çalışır.

Sık Sorulan Sorular

İyi bir kontrast oranı nedir?

WCAG AA, normal metin için minimum 4.5:1 ve büyük metin (18px+ veya 14px+ kalın) için 3:1 oranı gerektirir. WCAG AAA, normal metin için 7:1 ve büyük metin için 4.5:1 gerektirir. Daha yüksek oranlar daha iyi okunabilirlik anlamına gelir.

AA ile AAA arasındaki fark nedir?

AA, çoğu web içeriği için önerilen minimum standarttır. AAA, görme engelli kullanıcılar için daha iyi okunabilirlik sağlayan daha katı bir standarttır. AAA'yı karşılamak idealdir ancak her zaman gerekli değildir.

Kontrast oranı nasıl hesaplanır?

Kontrast oranı, WCAG 2.1 tarafından tanımlanan her rengin göreli parlaklığı kullanılarak hesaplanır. Formül, daha açık ve daha koyu renkleri 1:1 (kontrast yok) ile 21:1 (beyaz üzerinde siyah, maksimum kontrast) arasında bir ölçekte karşılaştırır.

🔧 İlgili araçlar

Renk Kontrast Denetleyicisi Hakkında

Sık Sorulan Sorular

İyi bir kontrast oranı nedir?

AA ile AAA arasındaki fark nedir?

Kontrast oranı nasıl hesaplanır?