Toolio English
Tous les outils

Couleurs & contraste

hex/rgb/hsl + contraste WCAG

HEX
#2563eb
RGB
—
HSL
—

Contraste WCAG

Texte d'exemple Aa
—Ratio de contraste
AA AA grand AAA AAA grand

Cet outil convertit une couleur entre les formats hexadécimal, rgb et hsl, et calcule le ratio de contraste WCAG entre un texte et son fond. Il t'indique si la paire respecte les niveaux d'accessibilité AA et AAA, idéal pour des interfaces lisibles par tous.

Tous les calculs se font dans ton navigateur : aucune couleur envoyée, sans suivi et sans publicité.

FAQ

Qu'est-ce que le ratio de contraste WCAG ?
C'est une mesure de la différence de luminosité entre deux couleurs, qui va de 1:1 à 21:1.
Quels niveaux faut-il viser pour l'accessibilité ?
Au moins 4,5:1 pour le texte normal au niveau AA, et 7:1 pour le niveau AAA.
Quels formats de couleur sont pris en charge ?
Les formats hexadécimal, rgb et hsl, avec conversion dans les deux sens.
Mes couleurs sont-elles envoyées quelque part ?
Non, conversions et calculs de contraste restent locaux.