Couleur & Design
Vérificateur de contraste (WCAG)
Vérificateur de contraste WCAG gratuit. Vérifiez le contraste entre deux couleurs — voyez le succès/échec AA/AAA pour le texte normal et le texte large. Pour la conception accessible et l'a11y.
Contrast checker (WCAG)
Note de la rédaction
Understanding · Designing for the eye on the bus.
Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.
Questions fréquentes
Quick answers.
›What WCAG levels are checked?
Both AA and AAA, for normal text (≤17pt) and large text (≥18pt or ≥14pt bold).
›What ratio do I need?
AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large. Most public sites target AA at minimum.
›How is contrast calculated?
Per WCAG 2.x: relative luminance of each color, then (lighter + 0.05) / (darker + 0.05). The result is a ratio from 1:1 (no contrast) to 21:1 (max).
›What about WCAG 3 / APCA?
Currently we use WCAG 2 ratios — the official standard for AA/AAA conformance. WCAG 3 / APCA is still a draft.
›Is the checker free?
Yes — fully free, no signup.
Les internautes recherchent aussi
Use with
What people reach for next.
Outils similaires
More in this room.
- Convertisseur de couleurs (HEX/RGB/HSL/OKLCH)HEX, RGB, HSL et OKLCH moderne — instantanément.
- Trouveur de couleur TailwindLa classe Tailwind la plus proche pour n'importe quelle couleur HEX.
- Sélecteur et palette de couleurs d'imageDéposez une image, extrayez sa palette.
- Simulateur de DaltonismePrévisualisez les palettes avec la deutéranopie, la protanopie et plus encore.
- Générateur de dégradésDégradés CSS linéaires, radiaux et coniques.
- Générateur d'ombres portéesÉditeur visuel de box-shadow CSS.