样式塔 · 4 号房间
Contrast Checker
Check WCAG color contrast ratios.
🔒 在浏览器中处理 · 无需上传 · 无需注册
–: 1
Large text (24px) — The quick brown fox
Normal text (16px) — The quick brown fox jumps over the lazy dog.
| Element | WCAG AA | WCAG AAA |
|---|---|---|
| Normal text | ||
| Large text (≥ 24px or ≥ 18.66px bold) | ||
| UI components & graphics | — |
WCAG color contrast checker
Check whether your text and background colors meet the Web Content Accessibility Guidelines (WCAG 2.x). The contrast ratio ranges from 1:1 (no contrast) to 21:1 (black on white).
What ratios are required?
Level AA requires 4.5:1 for normal text and 3:1 for large text and UI components. Level AAA requires 7:1 for normal text and 4.5:1 for large text.