Matrice de contraste des couleurs
Comparez les rapports de contraste WCAG entre jusqu'à 8 couleurs — filtrez par niveaux AA, AAA et composants UI.
| Texte / Fond |
|---|
Vous créez une palette ? Extrayez des couleurs avec Palette depuis un logo ou Palette depuis une image, puis collez les valeurs hex ici.
Comment ça marche
Ajoutez jusqu'à 8 couleurs et la matrice affiche chaque combinaison texte sur fond avec son rapport de contraste WCAG 2.1. Les lignes sont les couleurs de texte, les colonnes les fonds, et chaque cellule montre la paire pour juger la lisibilité.
Utilisez le filtre pour n'afficher que les combinaisons conformes à un niveau WCAG donné.
Conseils
- Partagez votre matrice avec des paramètres URL :
?colors=111827,374151,6d28d9,ffffff - Besoin de vérifier une seule paire ? Essayez le Vérificateur de contraste.