Matrice de palette
Quelles couleurs de votre charte peuvent s’associer, en texte et en fond ? Ajoutez vos couleurs : l’outil teste chaque combinaison et vous montre celles qui sont assez lisibles.Selon les règles internationales d’accessibilité (WCAG 2.2). Tout se passe dans votre navigateur.
Votre palette
De 2 à 12 couleurs. Votre palette reste dans ce navigateur.
Objectif
Le niveau AA est le minimum exigé par la loi en France (RGAA) et en Europe.
Résultat
15 / 28
15 paires lisibles sur 28
Pour l’objectif « Grand texte et icônes » (3 : 1). Une paire est lisible dès que l’un de ses deux sens (texte sur fond, ou l’inverse) atteint l’objectif.
Texte en lignes, fond en colonnes. ✓ atteint l’objectif, ✕ ne l’atteint pas.
Guides associés
- Couleur et contraste · 9 min de lecture
Créer une palette de couleurs accessible
Rôles des couleurs, échelles de tons, paires à 4,5 : 1 et 3 : 1, test de toutes les combinaisons et daltonisme : une palette accessible calculée pas à pas.
Lire le guide - Couleur et contraste · 10 min de lecture
Comprendre le contraste WCAG : ratios et seuils
Formule du ratio de contraste, seuils WCAG 2.2 (1.4.3, 1.4.6, 1.4.11), exceptions, erreurs fréquentes et lien avec le RGAA, avec exemples calculés.
Lire le guide - Couleur et contraste · 7 min de lecture
Daltonisme : concevoir un site lisible par tous
Types de daltonisme et fréquence, couleurs qui se confondent, règles de conception pour un site web lisible par tous et test avec un simulateur gratuit.
Lire le guide