Color Contrast Checker
Pick two colors and see the WCAG contrast ratio with AA / AAA results in real time.
21.00 : 1
Excellent — AAA
The quick brown fox jumps over the lazy dog.
WCAG 2.1 defines contrast for body copy at 4.5:1 and large headings at 3:1. AAA is stricter at 7:1.
Action button ✓ AA — normal text ≥ 4.5 : 1 Pass
✓ AAA — normal text ≥ 7 : 1 Pass
✓ AA — large text ≥ 3 : 1 (≥ 18pt or 14pt bold) Pass
✓ AAA — large text ≥ 4.5 : 1 Pass
✓ AA — UI & graphics ≥ 3 : 1 (borders, icons) Pass
展开详情 收起
使用方法
- Pick foreground and background colors.
- Read contrast ratio and WCAG AA/AAA pass/fail.
- Swap colors or try presets.
常见问题
- Upload?
- No. Everything runs in your browser; files are not uploaded to any server.
- Standard?
- WCAG 2.x relative luminance formulas.
- Large text?
- Uses different size thresholds for AA/AAA.