Contraste des couleurs (WCAG)
Saisissez les deux couleurs en hexadécimal (#1f2937) ou en rgb(31, 41, 55).
Résultat
4,54:1Ratio de contraste
- AA, texte normal (4,5:1)
- ✓
- AA, grand texte (3:1)
- ✓
- AAA, texte normal (7:1)
- ✕
- AAA, grand texte (4,5:1)
- ✓
- Couleurs lues
- #767676 / #ffffff
Données saisies
- Couleur du texte
- #767676
- Couleur du fond
- #ffffff
Comment ça se calcule
La luminance relative de chaque couleur est calculée à partir de ses composantes sRGB linéarisées.
Résultat
Ratio de contraste
- AA, texte normal (4,5:1)
- ✓
- AA, grand texte (3:1)
- ✓
- AAA, texte normal (7:1)
- ✕
Comment ça se calcule
- La luminance relative de chaque couleur est calculée à partir de ses composantes sRGB linéarisées.
- Ratio = (L clair + 0,05) ÷ (L foncé + 0,05), de 1:1 à 21:1.
- Le ratio est comparé aux seuils WCAG 2 sans arrondi.
Exemple
#767676 sur blanc donne 4,54:1 : conforme AA pour le texte normal, pas AAA.
À savoir
- Un grand texte fait au moins 24 px, ou 18,66 px en gras.
- La transparence et les dégradés ne sont pas pris en compte.
Questions fréquentes
À quoi sert cet outil ?
Saisissez les deux couleurs en hexadécimal (#1f2937) ou en rgb(31, 41, 55).
Comment le résultat est-il calculé ?
La luminance relative de chaque couleur est calculée à partir de ses composantes sRGB linéarisées.
Que faut-il vérifier avant d’utiliser le résultat ?
Un grand texte fait au moins 24 px, ou 18,66 px en gras.