Vérificateur de contraste de palette
Comparez toutes les paires de couleurs HEX d’une palette selon les seuils de contraste de texte WCAG.
Essayer un exemple commenté
Essayer un exemple commenté
Comparez toutes les paires de couleurs HEX d’une palette selon les seuils de contraste de texte WCAG.
Vérifiez les unités et les options, puis utilisez le bouton de calcul de l’outil. L’exemple est fictif ; remplacez ses valeurs pour votre propre calcul.
Texte d’exemple
- Couleurs de la palette (une couleur HEX par ligne)
- #000000 #ffffff #2563eb
Résultat attendu
| Couleur 1 · #000000 | Couleur 2 · #ffffff | Couleur 3 · #2563eb Couleur 1 · #000000 | — | 21,00:1 · AA texte courant ✓ · AAA texte courant ✓ · AA grand texte ✓ · AAA grand texte ✓ | 4,06:1 · AA texte courant × · AAA texte courant × · AA grand texte ✓ · AAA grand texte × Couleur 2 · #ffffff | 21,00:1 · AA texte courant ✓ · AAA texte courant ✓ · AA grand texte ✓ · AAA grand texte ✓ | — | 5,17:1 · AA texte courant ✓ · AAA texte courant × · AA grand texte ✓ · AAA grand texte ✓ Couleur 3 · #2563eb | 4,06:1 · AA texte courant × · AAA texte courant × · AA grand texte ✓ · AAA grand texte × | 5,17:1 · AA texte courant ✓ · AAA texte courant × · AA grand texte ✓ · AAA grand texte ✓ | —
La matrice calcule le rapport de contraste entre chaque paire de couleurs opaques et indique les seuils AA et AAA pour le texte courant et le grand texte.
En attente de l’outil. L’explication reste accessible sans JavaScript.
Méthode et limites
Saisissez 2 à 20 couleurs HEX, une par ligne. Chaque cellule compare la couleur de sa ligne à celle de sa colonne. Pour du texte courant, AA demande 4,5:1 et AAA 7:1; pour du grand texte, les seuils sont respectivement 3:1 et 4,5:1.
Accepte uniquement les couleurs opaques HEX à 3 ou 6 chiffres. Affiche les seuils pour le texte courant et le grand texte, sans vérifier la taille ni la graisse réelles des caractères, les composants d’interface, les images ou les autres critères d’accessibilité.
Partager cet outil
Seul le lien public de l’outil est partagé. Vos saisies et résultats restent ici.
Afficher le lien à copier manuellement
Réponse rapide
La matrice calcule le rapport de contraste entre chaque paire de couleurs opaques et indique les seuils AA et AAA pour le texte courant et le grand texte.
Le code de la page et ses ressources sont chargés depuis le site; les valeurs saisies sont traitées dans votre navigateur, sans requête de calcul.
Mode d’emploi
Saisissez 2 à 20 couleurs HEX, une par ligne. Chaque cellule compare la couleur de sa ligne à celle de sa colonne. Pour du texte courant, AA demande 4,5:1 et AAA 7:1; pour du grand texte, les seuils sont respectivement 3:1 et 4,5:1.
Limites
Accepte uniquement les couleurs opaques HEX à 3 ou 6 chiffres. Affiche les seuils pour le texte courant et le grand texte, sans vérifier la taille ni la graisse réelles des caractères, les composants d’interface, les images ou les autres critères d’accessibilité.
Questions fréquentes
Que signifie le rapport affiché ?
C’est le rapport entre les luminances relatives de deux couleurs. Un rapport plus élevé améliore le contraste du texte, mais ne garantit pas à lui seul l’accessibilité d’une page.
Le vérificateur sait-il si mon texte est assez grand ?
Non. Il affiche les seuils AA et AAA pour le texte courant et le grand texte. Utilisez les résultats pour le grand texte uniquement si la taille et la graisse des caractères répondent à la définition WCAG du grand texte.
Sources et références
Ces références documentent la norme ou l’API citée ; elles ne valident pas la sortie de l’outil.