Color Contrast Ratio Calculator
Calculateur gratuitVérifiez le rapport de contraste WCAG entre le texte et le fond pour garantir un design lisible et accessible.
100 % privé
Fonctionne dans votre navigateur — aucun chiffre ne quitte votre appareil.
Vos couleurs (RGB)
Canal rouge de la couleur du texte.
Canal vert de la couleur du texte.
Canal bleu de la couleur du texte.
Canal rouge de la couleur de fond.
Canal vert de la couleur de fond.
Canal bleu de la couleur de fond.
Rapport de contraste
15,43 : 1
WCAG AA exige 4,5:1 (3:1 pour le grand texte) ; AAA exige 7:1.
Comment ça marche
colorContrast.how.s1.title
colorContrast.how.s1.desc
colorContrast.how.s2.title
colorContrast.how.s2.desc
colorContrast.how.s3.title
colorContrast.how.s3.desc
colorContrast.how.s4.title
colorContrast.how.s4.desc
Concevez des captures d'écran vraiment lisibles
Reverze transforme les captures de l'App Store en créations lisibles et plus performantes.
Pourquoi le contraste des couleurs compte
Le rapport de contraste mesure la différence entre la couleur du texte et son fond, sur une échelle de 1:1 (identique) à 21:1 (noir sur blanc). Les Web Content Accessibility Guidelines (WCAG) fixent des rapports minimaux pour que les personnes malvoyantes ou daltoniennes puissent lire votre contenu. Le texte normal doit atteindre au moins 4,5:1 pour valider le niveau AA, tandis que le grand texte (environ 18 pt, ou 14 pt en gras) n'exige que 3:1.
Le niveau AAA, plus strict, demande 7:1 pour le texte normal et 4,5:1 pour le grand texte. Ce calculateur applique la formule officielle de luminance relative WCAG à vos valeurs RGB, afin de vérifier n'importe quelle paire texte-fond avant publication — sans avoir à juger à l'œil.