Les formats de couleur en un coup d’œil
| Format | Exemple | Idéal pour |
|---|---|---|
| HEX | #3B82F6 | Passation CSS et design |
| RGB | rgb(59, 130, 246) | Manipulation programmatique des couleurs et rendu navigateur |
| HSL | hsl(217, 91%, 60%) | Ajustements de teinte, saturation et luminosité intuitifs |
| CMYK | cmyk(76, 47, 0, 4) | Flux de travail orientés impression |
Le même bleu dans différents formats
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76, 47, 0, 4)
Quand utiliser quoi
- Utilisez HEX lorsque vous avez besoin de valeurs courtes compatibles CSS pour un design system ou une feuille de style.
- Utilisez RGB lorsque le code ou une API de navigateur attend directement des valeurs de canal.
- Utilisez HSL pour modifier la luminosité ou la saturation plus intuitivement.
- Utilisez CMYK pour les échanges liés à l’impression, pas comme format principal en CSS.
Utilisez cette référence avec le bon outil
Outils associés