Vérificateur de contraste des couleurs
Vérifiez si vos couleurs de texte et de fond sont lisibles et conformes aux niveaux AA et AAA des règles d’accessibilité WCAG.
Rapport de contraste
Grand titre
Le petit texte doit rester lisible.
Règles WCAG 2.2 : niveau AA = minimum recommandé (et exigé par l’accessibilité numérique réglementaire), niveau AAA = renforcé.
Tout fonctionne dans votre navigateur : aucune donnée n’est envoyée.
À propos de cet outil
Ce vérificateur de contraste des couleurs calcule le rapport de contraste entre une couleur de texte et une couleur de fond, selon la formule des règles d’accessibilité WCAG. Il indique aussitôt si la combinaison est conforme aux niveaux AA et AAA pour le texte normal, le grand texte et les éléments d’interface. Utile pour concevoir un site, une application, une affiche ou un menu lisible par tous.
Saisissez deux codes HEX ou utilisez les sélecteurs de couleur : un aperçu montre un titre et un petit texte avec vos couleurs. Si le contraste est insuffisant pour le niveau AA (4,5:1), l’outil propose une couleur de texte proche et conforme, en gardant la même teinte, que vous appliquez en un clic. Vous pouvez inverser texte et fond et copier un lien de partage.
- Rapport de contraste WCAG calculé instantanément
- Seuils AA et AAA : texte normal et grand
- Contrôle 3:1 pour icônes et éléments d’interface
- Suggestion d’une couleur de texte conforme AA
- Aperçu en direct et lien de partage
Comment l’utiliser
- Saisissez la « Couleur du texte » et la « Couleur de fond » (code HEX ou sélecteur).
- Lisez le « Rapport de contraste » et le tableau conforme / non conforme.
- Si besoin, cliquez sur « Utiliser cette couleur » pour appliquer la suggestion.
- Copiez le lien de partage pour transmettre la combinaison.
Questions fréquentes
Mes couleurs sont-elles envoyées quelque part ?
Non. Le calcul se fait entièrement dans votre navigateur et aucune donnée n’est envoyée. Les deux couleurs sont seulement placées dans l’adresse de la page pour le lien de partage.
Le vérificateur de contraste est-il gratuit ?
Oui, il est gratuit et s’utilise sans compte ni inscription.
Quel contraste faut-il pour être conforme WCAG AA ?
Les règles WCAG demandent au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte (niveau AA). Le niveau AAA demande 7:1 et 4,5:1. Les icônes et éléments d’interface doivent atteindre 3:1.
Comment corriger une couleur de texte trop claire ?
Quand le rapport est inférieur à 4,5:1, l’outil assombrit ou éclaircit votre couleur de texte en gardant sa teinte, jusqu’à atteindre le niveau AA. Cliquez sur « Utiliser cette couleur » pour l’appliquer.