WCAG 对比度检查器
依 WCAG AA 与 AAA 标准检查前景与背景颜色的对比度比例。
100% client-side · no upload
Preview
Sample text on your background
Contrast Ratio
WCAG AA (4.5:1)
Normal text
WCAG AAA (7:1)
Enhanced
How to use
- Pick your foreground (text) color and background color using the color pickers or hex inputs.
- Click Check Contrast to see the contrast ratio and WCAG pass/fail results.
- Aim for at least 4.5:1 (AA) for normal text, or 7:1 (AAA) for maximum accessibility.
Related accessibility tools
- Color Blind Test — simulate color vision deficiencies
- Font Size Tester — preview text readability at different sizes
- ARIA Cheat Sheet — WAI-ARIA roles and attributes reference
常见问题
- Is this contrast checker free?
- Yes, completely free with no signup and no usage limits.
- Does my data leave my device?
- No. All calculations run entirely in your browser. Nothing is sent to any server.
- Does it work on mobile?
- Yes. Works on iPhone Safari and Android Chrome without installing any app.
Last updated: By jarvisbox