Ajoutez votre entrée
Deux couleurs HEX pour le premier plan et l’arrière-plan.
Atelier de design
Vérificateur de contraste WCAG
Consultez immédiatement les résultats AA et AAA.
Confidentialité intégréeVotre travail reste avec vous
Une lisibilité pensée dès le départ.
Prévisualisez le texte normal et le grand texte avant de publier votre interface.
Rapport de contraste
17,85:1
Conforme AA
Texte normal AAConforme
Grand texte AAConforme
Texte normal AAAConforme
Grand texte AAAConforme
Composants d’interfaceConforme
Votre travail reste privé dans le navigateur pendant l’utilisation de cet outil.
Que fait vérificateur de contraste wcag ?
Calculez le rapport de contraste WCAG 2 entre une couleur HEX de premier plan et une couleur d’arrière-plan, puis comparez-le aux seuils AA, AAA, grand texte et composants d’interface.
- Entrée
- Deux couleurs HEX pour le premier plan et l’arrière-plan.
- Résultat
- Rapport de contraste, résultats WCAG et aperçu.
- Prix
- Gratuit
- Compte
- Non requis
Comment utiliser vérificateur de contraste wcag
Choisissez les réglages
Consultez immédiatement les résultats AA et AAA.
Enregistrez ou copiez
Rapport de contraste, résultats WCAG et aperçu.
Conseil pratique
Visez au moins 4,5:1 pour le texte normal et ne transmettez pas une information uniquement par la couleur.
Quand utiliser vérificateur de contraste wcag
Vérifier une couleur de texte avant de l’ajouter à un design system.
Comparer le libellé d’un bouton avec son fond.
Tester l’inversion du premier plan et de l’arrière-plan dans un aperçu.
Exemple
Un exemple concret avec vérificateur de contraste wcag
- Entrée
- Texte #0F172A sur fond #FFFFFF.
- Résultat
- Le rapport est 17,85:1 et satisfait les seuils AA et AAA pour texte normal et grand.
À quoi s’attendre
Fonctionnement
Chaque canal sRGB est linéarisé selon la formule WCAG, combiné en luminance relative, puis le rapport est calculé avec la valeur la plus claire et la plus sombre.
Avant utilisation
Limites et cas particuliers
- Seules deux couleurs HEX opaques sont évaluées ; transparence, images, dégradés et anti-crénelage ne sont pas simulés.
- Un bon rapport ne garantit pas une interface accessible : taille du texte, focus, contexte et signaux non colorés restent à vérifier.
Normes et sources
Questions fréquentes
Questions sur Vérificateur de contraste WCAG
vérificateur de contraste wcag est-il gratuit ?
Oui. Vérificateur de contraste WCAG est gratuit.
vérificateur de contraste wcag garde-t-il mon travail privé ?
Oui. Votre travail reste privé pendant l’utilisation de l’outil ; rien de ce que vous saisissez n’est envoyé.
Qu’est-ce qu’un grand texte pour WCAG ?
Il s’agit généralement d’au moins 18 points, ou 14 points en gras. L’outil ne connaît pas la taille finale de votre interface.
Inverser les deux couleurs change-t-il le rapport ?
Non. La formule utilise toujours la luminance la plus claire au numérateur, même si l’aperçu visuel change.