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