Irodori彩り

Grille de contraste

Matrice WCAG N×N pour toute liste de couleurs

À propos Grille de contraste

Matrice WCAG N×N pour toute liste de couleurs

Utilisation

Auditez une palette entière d’un coup en affichant chaque paire de couleurs avec son ratio de contraste dans une seule grille.

Limites

La matrice ne compare que les couleurs saisies ; elle ignore les tailles de police et les paires réellement affichées.

Grille de contraste

Cliquez sur une cellule pour copier la paire texte / fond.

Lire la matrice

Les lignes sont les couleurs de texte, les colonnes les fonds. Chaque cellule affiche le rapport WCAG de la paire avec les badges AA et AAA pour le texte normal.

La diagonale compare une couleur à elle-même : le rapport vaut toujours 1:1 et sert seulement de référence.

Quand l’utiliser

Servez-vous de la grille pour auditer un jeu de jetons avant publication. Elle révèle les paires correctes isolément mais défaillantes une fois combinées, surtout les couleurs de marque médianes utilisées à la fois en texte et en surface.

Questions fréquentes

Que signifient les badges ?
AA exige 4,5:1 et AAA 7:1 pour le texte normal. Le grand texte utilise 3:1 et 4,5:1.
Pourquoi la diagonale est-elle marquée ?
Une couleur contre elle-même vaut toujours 1:1 : la cellule est une référence, pas un échec.
Puis-je coller plus de cinq couleurs ?
Oui. Ajoutez une couleur par ligne et la matrice s’agrandit.