HEX, RGB 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).
- RGB : rouge, vert, canaux bleus 0–255. RGB(255, 0, 0) est rouge. Une valeur finale d'« alpha » (0–1) ajoute de la transparence : rgba(0, 0, 0, 0,5) est un noir translucide.
- HSL : teinte (0–360°), saturation et luminosité ( %). HSL (0, 100 %, 50 %) est rouge. Pour trouver la teinte claire ou foncée d’une couleur, il suffit de changer la luminosité.
HEX vers RGB
Chaque partie à deux chiffres est convertie de la base 16 à 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 suffisamment de contraste entre le texte et le sol (au moins 4,5:1 pour le texte normal dans 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 la valeur CMJN sur le site web ?
Le CMJN est destiné à l’impression ; l’écran utilise HEX, RGB ou HSL.
Comment puis-je ajouter de la transparence à une couleur ?
Convertir HEX en RVB et taper une transparence entre 0 et 1 dans la valeur finale au format rgba().