HEX, RVB, HSL : quelle est la différence entre les formats de couleurs
Examinons quatre formats de couleurs : HEX, RVB, HSL et CMJN. Quand utiliser chacun, comment convertir, exemples de code.
Formats de couleurs sur le Web
Dans le développement et la conception Web, les couleurs sont spécifiées de plusieurs manières. Chaque format a ses avantages.
##HEX (#RRGGBB)
La notation hexadécimale est le format le plus courant sur le Web.
couleur : #4f46e5 ; /* Indigo */
couleur : #09090b ; /* Presque noir */
couleur : #fff ; /* Forme courte #ffffff */ Avantages : Brièveté, clarté pour les concepteurs, pris en charge partout.
RVB (rouge, vert, bleu)
Définit la couleur grâce à l''intensité de trois canaux de 0 à 255.
couleur : RVB (79, 70, 229) ; /* Indigo */
couleur : rgba (79, 70, 229, 0,5) ; /* Avec transparence */ Avantages : Intuitif, pratique pour la manipulation programmatique des couleurs.
HSL (Teinte, Saturation, Luminosité)
Le format le plus « humain » : teinte (°), saturation (%), luminosité (%).
couleur : hsl (243, 75 %, 59 %) ; /* Indigo */
couleur : hsl (243, 75 %, 45 %) ; /* Plus sombre */
couleur : hsl (243, 75 %, 75 %) ; /* Briquet */ Avantages : Créez facilement des palettes de tons en modifiant uniquement la luminosité.
CMJN (Cyan, Magenta, Jaune, Clé/Noir)
Utilisé dans l''imprimerie.
cmjn (66 %, 69 %, 0 %, 10 %) = Indigo Avantages : Correspondance exacte des couleurs lors de l''impression.
Quand utiliser quoi ?
| Problème | Formater |
|---|---|
| --- | --- |
| Styles CSS | HEX ou HSL |
| Animations et calculs | HSL ou RVB |
| Impression de brand book | CMJN |
| Transparence | rgba() ou hsla() |
Convertissez les couleurs en ligne avec notre outil - vérificateur de contraste HEX, RVB, HSL, CMJN et WCAG.