WCAG-kontrast
Klara AA / AAA
The quick brown fox
jumps over the lazy dog — Aa Bb 123
18.88 : 1
✓ AA normal (4.5)
✓ AA large (3.0)
✓ AAA normal (7.0)
✓ AAA large (4.5)
Om det här verktyget
Check contrast between two colors against WCAG accessibility guidelines. Tells you if your text passes AA or AAA.
Funktioner
- WCAG 2.1 contrast ratio
- AA / AAA pass for text and large text
- Color pickers and swatches
- Suggests adjustments
Så använder du det
- Pick foreground and background.
- Read the ratio and pass/fail badges.
🔒 100 % privat
Allt sker i din webbläsare med JavaScript och WebAssembly. Dina filer laddas aldrig upp, lagras aldrig och ses aldrig av oss.
Vanliga frågor
What ratio do I need?
4.5:1 for normal text (AA), 3:1 for large text, 7:1 for AAA normal text.