HEX, RVB et HSL
- HEX : 16 chiffres dans #RRGGBB format. #FF0000 est rouge, #000000 est noir, #FFFFFF est blanc. Les codes avec les mêmes chiffres pairs peuvent être abrégés (#FFF).
- RVB : canaux rouge, vert et bleu de 0 à 255. rgb(255, 0, 0) est rouge. Une dernière valeur « alpha » (0–1) ajoute de la transparence : rgba(0, 0, 0, 0,5) est un noir semi-transparent.
- HSL : teinte (0–360°), saturation et luminosité (%). hsl(0, 100%, 50%) est rouge. Pour obtenir une teinte plus claire ou plus foncée d’une couleur, il suffit de modifier la luminosité.
De HEX à RVB
Chaque paire de chiffres est convertie de la base 16 à la base 10. #3B5998 : 3B = 3×16+11 = 59, 59 = 5×16+9 = 89, 98 = 9×16+8 = 152 → rgb(59, 89, 152).
| Couleur | HEX | RGB | HSL |
|---|---|---|---|
| Rouge | #FF0000 | 255, 0, 0 | 0, 100%, 50% |
| Vert | #00FF00 | 0, 255, 0 | 120, 100%, 50% |
| Bleu | #0000FF | 0, 0, 255 | 240, 100%, 50% |
Laissez un contraste suffisant entre le texte et l’arrière-plan (au moins 4,5:1 pour le texte normal selon les WCAG).
Questions fréquemment posées
Le code HEX peut-il s’écrire en majuscules ou en minuscules ?
Oui, #ff0000 et #FF0000 donnent la même couleur.
Puis-je utiliser une valeur CMJN sur un site web ?
Non. Le CMJN est destiné à l’impression ; à l’écran, on utilise HEX, RVB ou HSL.
Comment ajouter de la transparence à une couleur ?
Convertissez le HEX en RVB, puis, au format rgba(), saisissez en dernière valeur une transparence comprise entre 0 et 1.