Convertisseur de couleur : HEX, RGB, HSL

Trois façons d’écrire une couleur

Le HEX écrit le rouge, le vert et le bleu en trois paires de chiffres hexadécimaux de 00 à ff : #ff8800 vaut rouge 255, vert 136, bleu 0. La forme courte #f80 double chaque chiffre. Le RGB écrit les mêmes nombres en décimal. Le HSL décrit la couleur par la teinte (0 à 360 degrés sur le cercle chromatique), la saturation et la luminosité en pourcentage, plus faciles à ajuster à la main.

Pourquoi passer par le HSL

Pour éclaircir ou foncer une couleur de marque, gardez la teinte et la saturation et changez seulement la luminosité : hsl(32, 100%, 50%) devient hsl(32, 100%, 70%). Tourner la teinte de 180 degrés donne la couleur complémentaire. Passer en HSL puis revenir en HEX est le moyen le plus rapide de bâtir une palette cohérente.

Arrondis et noms

Les valeurs HSL sont arrondies à l’entier : un aller-retour HSL, HEX, HSL peut décaler une valeur d’une unité. Les 148 noms de couleur CSS sont reconnus. La transparence (alpha de rgba ou hsla) est ignorée : seule la couleur pleine est convertie.

Exemple

Une couleur HEX convertie en RGB et HSL.

Entrée

#6d3fd8

Résultat

#6d3fd8  rgb(109, 63, 216)  hsl(258, 66%, 55%)

Mode d’emploi

1. Tapez ou collez une couleur par ligne.
2. Lisez les valeurs HEX, RGB et HSL sur chaque ligne de résultat.
3. Copiez la notation voulue ou téléchargez la liste.

Questions fréquentes

Comment convertir du HEX en RGB ?

Coupez les six chiffres en trois paires et convertissez chaque paire de l’hexadécimal au décimal : ff = 255, 88 = 136, 00 = 0. Ou collez le code ci-dessus.

Peut-on convertir plusieurs couleurs à la fois ?

Oui, une couleur par ligne.

Et le CMJN ?

Le CMJN dépend du profil de l’imprimante : une formule simple serait trompeuse. Demandez le profil à l’imprimeur et convertissez dans votre logiciel de PAO.