Vérificateur de Contraste WCAG
Vérifiez si deux couleurs répondent aux exigences de contraste AA et AAA de la WCAG.
Réponse rapide: Vérificateur de Contraste WCAG : vérifiez si deux couleurs respectent les exigences de contraste WCAG AA et AAA. Fonctionne entièrement dans votre navigateur, gratuitement et sans inscription.
Dernière mise à jour
Bon à savoir
Contrast is measured as a ratio between the relative luminance of two colors, running from 1:1 (identical) to 21:1 (pure black on pure white). The WCAG 2.1 thresholds this tool reports are the accessibility bar most sites are held to: 4.5:1 for normal body text and 3:1 for large text at Level AA, tightening to 7:1 and 4.5:1 at the stricter Level AAA. "Large" here means roughly 18pt, or 14pt bold.
The formula is based on perceived luminance, not on how different two colors look, which produces some counterintuitive results. Two vivid but similarly bright colors — say a saturated red on a saturated green — can have poor contrast even though they clash violently to the eye, while a light gray on white may pass more easily than you expect. That is why relying on your own judgment is unreliable and a numeric check is worth the two seconds it takes.
One limitation to plan around: WCAG contrast is only defined for opaque colors. If your foreground uses transparency, the effective color depends on whatever sits behind it, so pre-blend it against the actual solid background before checking. Since luminance ignores hue entirely, a passing ratio does not guarantee a design is color-blind-friendly — confirm that separately with the color blindness simulator, and grab exact values with the color picker.
Questions fréquentes
- Le vérificateur de contraste est-il gratuit ?
- Oui — gratuit, sans inscription ni limites.
- Quelle formule utilisez-vous ?
- La formule de luminance relative officielle WCAG 2.1 — la même utilisée par Google Lighthouse.
- Quels rapports passent ?
- AA nécessite 4.5:1 pour le texte normal ou 3:1 pour le texte large ; AAA augmente cela à 7:1 et 4.5:1.
- Puis-je vérifier des couleurs transparentes ?
- La WCAG ne définit pas de rapports pour les premiers plans transparents — pré-mélangez votre couleur contre un fond solide d'abord.
- Des données sont-elles téléchargées ?
- Non — la vérification s'effectue dans votre navigateur.