What is the minimum contrast ratio for WCAG AA compliance?

For WCAG AA compliance, normal text requires a minimum contrast ratio of 4.5:1, while large text (18pt or 14pt bold) requires 3:1.

What is the difference between WCAG AA and AAA standards?

WCAG AAA requires higher contrast ratios: 7:1 for normal text and 4.5:1 for large text, compared to AA's 4.5:1 and 3:1 respectively.

How do I fix poor color contrast?

Use our automatic fix feature to adjust either text or background colors while maintaining your design intent, or manually adjust colors using HSL sliders with visual indicators showing optimal zones for AA/AAA compliance.

What are the visual indicators on the adjustment sliders?

The green zones and AA/AAA markers show optimal ranges for achieving WCAG compliance. The direction hints (Lighter/Darker) guide you toward better contrast based on your current color combination.

Can I test custom color combinations?

Yes, you can enter any hex color codes or use the color picker to select custom colors. The URL updates automatically so you can share specific color combinations.

Color Contrast Checker - WCAG AA & AAA Compliance Tool

1.00:1

Kontrast

Fail

Çok kötü

Normal Metin

AA (4.5:1)

✖

AAA (7:1)

✖

Büyük metin

AA (3:1)

✖

AAA (4.5:1)

✖

Metin Rengi

#FFFFFF

#ffffff

Arka Plan Rengi

#546E7A

#546e7a

Hızlı düzeltmeler

Önizleme Başlığı

Hızlı kahverengi tilki tembel köpeğin üzerinden atlar

Küçük metin örneği (12px)

Metin

#ffffff

Arka plan

#546e7a

WCAG Standartları

Level AA

Normal metin için minimum 4.5:1 kontrast oranı ve büyük metin için 3:1. Çoğu web sitesi için gereklidir.

Level AAA

Normal metin için geliştirilmiş 7:1 kontrast oranı ve büyük metin için 4.5:1. Optimal erişilebilirlik için önerilir.

Tüm metin boyutları için yetersiz kontrast - WCAG standartlarını karşılamıyor.

Renk Kontrast Denetleyicisi

Metin ve arka plan renklerinin kontrast oranını hesapla.

Metin ve arka plan rengi için renk seçici kullanarak bir renk seçin veya RGB onaltılık formatında bir renk girin (örn. #259 veya #2596BE). Renk seçmek için kaydırıcıyı ayarlayabilirsiniz. Web İçeriği Erişilebilirlik Yönergeleri (WCAG), metnin görme yetisine sahip kullanıcılar için okunabilir olup olmadığını belirlemeye yardımcı olacak belirli bir yönergeye sahiptir. Bu kriter, renk kombinasyonlarını karşılaştırılabilir oranlara haritalamak için belirli bir algoritma kullanır. Bu formülü kullanarak, WCAG, metin ve arka planı ile birlikte en az 4.5:1 oranında kontrasta sahip olmanın düzenli (gövde metni) için yeterli olduğunu belirtir ve büyük metinler (18+ pt normal veya 14+ pt kalın) en az 3:1 kontrast oranına sahip olmalıdır.

Ana özellikler

• Gerçek zamanlı kontrast oranı hesaplama
• WCAG AA & AAA uyumluluk kontrolü
• HSL ince ayar kaydırıcıları
• Çoklu önizleme formatları

Gelişmiş araçlar

• Otomatik renk düzeltme
• Metin ve arka plan örnekleri
• Renk adı algılama
• Sonuçları dışa aktar