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

Renklerini kontrol et

Metin okunabilirliğini sağlamak için WCAG erişilebilirlik standartlarına uygun renk kombinasyonlarını test et.

1.00:1

Kontrast

Başarısız

Ç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

Arka Plan Rengi

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

#123447

WCAG Standartları

Seviye 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.

Seviye 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