Vérificateur de Contraste de Couleur Gratuit
Testez les rapports de contraste de couleur selon les standards d'accessibilité WCAG 2.1. Vérifiez la conformité AA et AAA pour la lisibilité du texte. Gratuit, instantané et privé.
Le Vérificateur de contraste teste toute paire premier plan/arrière-plan selon les normes WCAG 2.1 AA et AAA via la formule de luminance relative. Affiche le ratio de contraste, succès/échec par taille de texte et composants UI, aperçu en direct et simulation de daltonisme pour protanopie, deutéranopie et tritanopie. Suggère des alternatives conformes en cas d'échec. Tout dans votre navigateur. Conçu par FreeToolHub.
| Texte Normal | Grand Texte | |
|---|---|---|
| WCAG AA | ✓ Réussi Nécessite un rapport de 4,5:1 | ✓ Réussi Nécessite un rapport de 3:1 |
| WCAG AAA | ✓ Réussi Nécessite un rapport de 7:1 | ✓ Réussi Nécessite un rapport de 4,5:1 |
| Composants d'Interface | ✓ Réussi Nécessite un rapport de 3:1 (WCAG 2.1) | |
Questions Fréquemment Posées
Qu'est-ce qu'un rapport de contraste de couleur ?
Un rapport de contraste mesure la différence de luminosité perçue entre deux couleurs, exprimé sous forme de rapport allant de 1:1 (aucun contraste, couleurs identiques) à 21:1 (contraste maximum, noir sur blanc). Il est calculé à l'aide de la formule de luminance relative WCAG.
Quel rapport de contraste est nécessaire pour la conformité WCAG ?
WCAG AA exige un rapport de contraste minimum de 4,5:1 pour le texte normal et 3:1 pour le grand texte (18pt ou 14pt gras). WCAG AAA exige 7:1 pour le texte normal et 4,5:1 pour le grand texte. Les composants d'interface nécessitent au moins 3:1 selon WCAG 2.1.
Qu'est-ce qui compte comme "grand texte" dans WCAG ?
Le grand texte est défini comme 18 points (24px) ou plus en poids normal, ou 14 points (environ 18,66px) ou plus en gras. Le grand texte a des exigences de contraste plus faibles car il est naturellement plus facile à lire.
Pourquoi le contraste de couleur est-il important pour l'accessibilité ?
Environ 1 homme sur 12 et 1 femme sur 200 ont une forme de déficience de la vision des couleurs. Le texte à faible contraste est difficile ou impossible à lire pour les personnes malvoyantes ou daltoniennes. Un contraste adéquat garantit que votre contenu est lisible par tous.
Cet outil stocke-t-il mes sélections de couleurs ?
Non. Tout s'exécute localement dans votre navigateur. Aucune couleur, résultat ou donnée n'est envoyé à un serveur ou stocké. Votre vie privée est entièrement protégée.
Comment fonctionne la fonction de suggestion de couleurs ?
Lorsqu'une paire de couleurs échoue à un niveau WCAG, l'outil calcule automatiquement la couleur la plus proche qui réussirait en ajustant la luminosité dans l'espace colorimétrique HSL tout en préservant la teinte et la saturation d'origine. Il suggère à la fois un premier plan plus sombre et un arrière-plan plus clair.