Aller au contenu
Toolbox
fr Choisir une langue

Vérificateur de contraste des couleurs WCAG

Assurez-vous que tout le monde peut lire votre texte. Saisissez une couleur de texte et une couleur d’arrière-plan pour voir le ratio de contraste et savoir s’il respecte les exigences WCAG.

Fonctionne dans votre navigateur. Rien n’est envoyé.

Chargement de l’outil vérificateur de contraste…

Comment utiliser l’outil vérificateur de contraste

  1. Saisissez la couleur du texte et celle de l’arrière-plan, ou utilisez les sélecteurs de couleur.

  2. Lisez le ratio de contraste et les résultats AA et AAA.

  3. Ajustez les couleurs jusqu’à ce que la combinaison soit conforme.

Questions fréquentes

Quel contraste le niveau WCAG AA exige-t-il ?

Au moins 4,5:1 pour le texte normal, et 3:1 pour le grand texte (24 pixels, ou 18,66 pixels en gras) et pour les composants d’interface comme les bordures des champs de formulaire.

Qu’exige le niveau AAA ?

Au moins 7:1 pour le texte normal et 4,5:1 pour le grand texte.

Outils similaires

  • Convertisseur de couleurs

    Convertissez des couleurs entre HEX, RGB et HSL, avec un sélecteur de couleur et un aperçu en direct. Gère le HEX abrégé et la transparence.

  • Nom de couleur

    Trouvez le nom de n’importe quel code couleur. Voyez les noms les plus proches des listes NTC, HTML, X11, Pantone et ROYGBIV, avec leur distance.

  • Convertisseur d’unités CSS Nouveau

    Convertissez les unités CSS : px en rem, em, pt, pc, cm, mm et pouces, et inversement, avec une taille de police racine réglable.

Tous les outils de la catégorie Couleurs