a11y.skipToMainContent
1

Contrast Checker

Foreground ve arka renkler arasında renk kontrast oranları kontrol edin. WCAG 2.1 AA ve AAA'nin geçiş/fail göstergeleriyle uyumunu onaylayın.

Contrast Checker

Large Text (18pt+)

Normal body text (16px)

21:1
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large
More options
Was this tool helpful?
Send output to:
Advertisement

How to use Contrast Checker

  1. Foreground (text) rengini girin veya seçin.
  2. Arka rengi girin veya seçin.
  3. Karşılaştırma oranını ve WCAG'ı görüntüle /fail sonuçları.
  4. Hedef uyumluluk seviyesini karşılayana kadar renkler ayarlayın.

What is Contrast Checker?

Bir kontrast kontrol cihazı WCAG 2.1 yönergelerine göre iki renk arasındaki kontrast oranını hesaplar. Metin normal metin, büyük metin ve UI bileşenleri için arka plan rengine göre okunabilir olup olmadığını belirler.

WCAG 2.1 normal metin için minimum kontrast oranı gerektirir (AA), büyük metin için 3:1 (AAA) ve 4.5:1. Bu araç anında dört kriter için geçiş/fail gösterir.

Advertisement

FAQ

İyi bir kontrast oranı nedir?
WCAG 2.1 AA normal metin için 4.5:1 ve büyük metin için 3:1 gerektirir. AAA, büyük metin için 7:1 normal metin ve 4.5:1 gerektirir.
Büyük metin olarak ne sayılıyor?
Büyük metin 18pt (24px) ve yukarıda veya 14pt (18.66px) olarak tanımlanır ve yukarıda cesursa.

Related tools

Author

NK
Prof. Noah Klein"The Privacy Guardian"

Cybersecurity Researcher & Privacy Advocate

Professor Klein holds a PhD in Information Security and has testified before EU parliamentary committees on data privacy legislation. He builds encryption tools for journalists, audits web applications for security flaws, and believes that privacy is not a feature but a fundamental right. His research has been cited in Wired, Nature, and The Guardian, and he advises nonprofits on responsible data stewardship.

📖 Contrast Checker on Wikipedia·Accessibility Tools on Wikipedia·Contrast Checker on Britannica

People also use

← Back to Accessibility Tools · All tags
Advertisement