Skip to content

Renk ve Tasarım

Kontrast Denetleyicisi (WCAG)

Ücretsiz WCAG kontrast denetleyicisi. İki renk arasındaki kontrastı kontrol edin — normal ve büyük metin için AA/AAA geçme/kalma durumunu görün. Erişilebilir tasarım ve a11y için.

Runs in your browser

Contrast checker (WCAG)

The quick brown fox
jumps over the lazy dog · 14px sample
Ratio
17.85:1
AA · normal
Pass
AA · large
Pass
AAA · normal
Pass
AAA · large
Pass

Editörün notu

Understanding · Designing for the eye on the bus.

Bu ayrıntılı bölüm şu anda yalnızca İngilizce olarak sunulmaktadır. Yukarıdaki dönüştürme aracı sizin dilinizde çalışır; uzun açıklayıcı yazı henüz çevrilmemiştir.

Sıkça sorulan sorular

Quick answers.

›What WCAG levels are checked?

Both AA and AAA, for normal text (≤17pt) and large text (≥18pt or ≥14pt bold).

›What ratio do I need?

AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large. Most public sites target AA at minimum.

›How is contrast calculated?

Per WCAG 2.x: relative luminance of each color, then (lighter + 0.05) / (darker + 0.05). The result is a ratio from 1:1 (no contrast) to 21:1 (max).

›What about WCAG 3 / APCA?

Currently we use WCAG 2 ratios — the official standard for AA/AAA conformance. WCAG 3 / APCA is still a draft.

›Is the checker free?

Yes — fully free, no signup.

İnsanlar ayrıca şunları arar

İlgili okumalar

Bloğdan.(1)

Use with

What people reach for next.

İlgili araçlar

More in this room.

Tümünü gör Renk ve Tasarım