Le bon contraste,
du premier coup.
Choisis deux couleurs : le ratio de contraste WCAG et les niveaux AA / AAA s'affichent en direct, avec l'aperçu du texte. Et la conversion HEX ⇄ RGB ⇄ HSL en prime.
Tes couleurs
#1f2937rgb(31, 41, 55)hsl(215, 28%, 17%)
#ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)
Contraste & accessibilité
Aa
Grand texte & texte courant
14.68 : 1
Ratio de contraste
AA — texte normal≥ 4.5 : 1PASSE
AA — grand texte≥ 3 : 1PASSE
AAA — texte normal≥ 7 : 1PASSE
AAA — grand texte≥ 4.5 : 1PASSE
Éléments d'interface≥ 3 : 1PASSE