Kontrast Kontrolcüsü

WCAG uyumluluğu için renk kontrastını kontrol edin

Metin rengi

Arka plan rengi

Kontrast

8.42

Çok iyi
  • Küçük metin

    WCAG AA

    Geçti
  • Büyük metin

    WCAG AA

    Geçti
  • Küçük metin

    WCAG AAA

    Geçti
  • Büyük metin

    WCAG AAA

    Geçti

Renk Körlüğü Simülasyonu

Protanopia7.9
Deuteranopia7.9
Tritanopia7.9
Achromatopsia8.6

Bilgi:
Küçük metin: 18pt altı. Büyük metin: 18pt+ veya kalın 14pt+.

Açık arka plan

Alıntı no. 26

Georg Christoph Lichtenberg

Koyu arka plan

Alıntı no. 26

Georg Christoph Lichtenberg

Küçük metin

Büyük metin

Check a whole palette

Paste hex colours (comma or space separated) to check every pair at once.

Kontrast Oranı Tarihi

WCAG ve erişilebilirlik standartlarını anlama

WCAG Standartları

Web İçeriği Erişilebilirlik Yönergeleri (WCAG), World Wide Web Consortium (W3C) tarafından web içeriğini engelli kişiler için daha erişilebilir hale getirmek için geliştirilmiştir. Kontrast oranı gereksinimleri, görme bozukluğu olan kullanıcılar için metnin okunabilir olmasını sağlamak amacıyla tanıtılmıştır.

Geliştirme

WCAG 1.0, 1999 yılında yayınlanarak ilk kontrast oranı gereksinimlerini oluşturdu. WCAG 2.0 (2008) bu standartları daha kesin formüllerle geliştirdi. WCAG 2.1 (2018) ek başarı kriterleri ekledi. Mevcut kontrast oranı formülü, insan görsel algısı ve renk bilimi araştırmalarına dayanarak geliştirilmiştir.

Neden Önemli

Uygun kontrast oranları, renk körlüğü, düşük görüş veya parlak güneş ışığında içerik görüntüleyen kullanıcılar dahil herkes için metnin okunabilir olmasını sağlar. Bu, web'i daha kapsayıcı ve dünya çapında milyonlarca kullanıcı için erişilebilir hale getirir.

Formül

Kontrast oranı, renklerin göreceli parlaklığı kullanılarak hesaplanır. 1:1 (kontrast yok) ile 21:1 (maksimum kontrast, beyaz üzerinde siyah gibi) arasında değişir. WCAG AA, normal metin için 4,5:1 ve büyük metin için 3:1 gerektirir. WCAG AAA, normal metin için 7:1 ve büyük metin için 4,5:1 gerektirir.