Vérificateur de contraste des couleurs

Tous les outils
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.
Couleur du texte
Teinte
Couleur de fond
Teinte
Rapport de contraste
--:1
Texte normal
Texte courant sous 18px (ou sous 14px gras)
AA AAA
Grand texte
18px+ normal, ou 14px+ gras
AA AAA
Composants d'interface
Icônes, bordures, champs de formulaire & graphiques
AA AAA
Aperçu en direct

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.
Bouton d'exemple Bouton d'exemple
Suggestion

Tout est calculé en direct dans votre navigateur avec la formule de luminance relative WCAG 2.x — aucun envoi, aucune inscription, entièrement gratuit.

Partager
Outils similaires
Simulateur de daltonisme

Voyez votre image ou votre palette comme les personnes atteintes de protanopie, deutéranopie, tritanopie ou achromatopsie — tout s'exécute dans votre navigateur, rien n'est téléversé.
Convertisseur de codes couleur

Convertissez des couleurs entre HEX, RGB, RGBA, HSL, HSLA et HSV — choisissez une couleur, ajustez la transparence et copiez n'importe quel format instantanément.
Exportateur de palette

Collez ou importez un ensemble de couleurs et exportez-les instantanément en variables CSS, SCSS, configuration Tailwind, JSON ou échantillons SVG — l'étape finale de toute palette.
Recherches populaires
vérificateur de contraste de couleur ratio de contraste wcag vérificateur de contraste accessible contraste de texte test de contraste aa aaa vérifier le contraste des couleurs en ligne

Ajoutez cet outil gratuit à votre propre site web — copiez-collez le code ci-dessous.