Vérificateur de contraste des couleurs
Vérifiez le rapport de contraste WCAG entre une couleur de texte et de fond — obtenez les verdicts AA/AAA pour le texte normal, le grand texte et les composants d'interface, avec un aperçu en direct et des suggestions de couleurs accessibles.
Portez ce vieux whisky
Le grand texte se lit confortablement lorsque le contraste est suffisant.
Voici un paragraphe de texte courant. Un bon contraste de couleurs garde votre contenu lisible pour tous, y compris les personnes malvoyantes ou daltoniennes. un lien d'exemple.
Les petits caractères et légendes sont les plus difficiles à lire — ils exigent le plus de contraste.Tout est calculé en direct dans votre navigateur avec la formule de luminance relative WCAG 2.x — aucun envoi, aucune inscription, entièrement gratuit.
À propos de Vérificateur de contraste des couleurs
Le Vérificateur de contraste des couleurs mesure le rapport de contraste WCAG entre une couleur de texte et une couleur de fond, puis évalue la paire par rapport aux niveaux d'accessibilité AA et AAA pour le texte normal, le grand texte et les composants d'interface. Le rapport et chaque verdict de réussite/échec se mettent à jour en direct lorsque vous ajustez l'une ou l'autre couleur.
Un panneau d'aperçu réaliste affiche des titres, du texte courant, du petit texte, un bouton et un lien dans la combinaison choisie, afin que vous puissiez juger de la lisibilité avec du contenu réel plutôt que des nuances abstraites. Quand une paire échoue, l'outil suggère la couleur de texte accessible la plus proche qui atteint le seuil AA de 4,5:1, prête à appliquer en un clic.
Les calculs suivent la formule de luminance relative WCAG 2.x et s'exécutent entièrement dans votre navigateur — rien n'est envoyé et les vérifications sont gratuites. Vous pouvez aussi copier un rapport texte compact du rapport de contraste et des évaluations à coller dans une revue d'accessibilité ou une pull request.
Comment utiliser Vérificateur de contraste des couleurs
- Définissez votre couleur de texte et votre couleur de fond avec les sélecteurs ou en saisissant des valeurs.
- Lisez le rapport de contraste et les résultats AA/AAA pour le texte normal, le grand texte et les composants d'interface.
- Examinez l'aperçu en direct pour voir de vrais titres, paragraphes, boutons et liens dans vos couleurs.
- Si la paire échoue, appliquez la couleur de texte accessible suggérée ou inversez les deux couleurs.
- Cliquez sur « Copier le rapport » pour partager le rapport de contraste et les résultats de conformité.