couleur
sélecteur de couleur
choisis une couleur, récupère hex/rgb/hsl + contraste.
s
l
- rgb
- 155, 107, 90
- hsl
- 16°, 27%, 48%
- vs blanc
- 4.52 · AA
- vs noir
- 4.64 · AA
à propos
choisis n'importe quelle couleur et vois ses valeurs hex, RGB et HSL ainsi que les ratios de contraste WCAG face au noir et au blanc.
comment l'utiliser
- clique sur l'échantillon de couleur pour ouvrir le sélecteur natif, ou tape un code hex.
- lis les valeurs RGB et HSL.
- vérifie les ratios de contraste WCAG face au noir et au blanc.
exemples
- vérifie qu'une couleur de marque atteint le contraste AA sur ton fond.
- convertis un HSL de Photoshop dans le code hex qu'il te faut pour le CSS.
- repère des couleurs complémentaires en ajustant la teinte.
faq
que veulent dire AA / AAA ?
des niveaux de contraste WCAG. AA demande 4.5:1 pour le corps de texte, 3:1 pour le grand texte. AAA demande 7:1 — la référence absolue.
pourquoi deux mesures de contraste ?
pour voir d'un coup d'œil s'il faut du texte noir ou blanc sur ce fond.