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
En savoir plus Masquer
Mode d'emploi
- Couleurs texte/fond.
- Ratio WCAG.
- Inverser.
FAQ
- Envoi ?
- Non. Tout s'exécute dans le navigateur ; aucun fichier n'est envoyé à un serveur.
- WCAG
- 2.x.
- Grand texte
- Seuils AA/AAA.