Comment convertir des couleurs entre HEX, RGB, HSL et d’autres formats
Convertissez une couleur entre HEX, RGB, HSL, CMYK et d’autres formats, découvrez quelles conversions sont exactes et apprenez quel format utiliser selon le cas.
3 min de lecture
Pour convertir une couleur, collez-la dans le convertisseur de couleurs. Choisissez le format voulu sous Cible, puis copiez le résultat. L’outil détecte automatiquement le format de la valeur saisie : #ff6600, rgb(255, 102, 0), orangered et même 255, 102, 0 fonctionnent. Le résultat s’affiche pendant que vous saisissez la valeur. Un échantillon de couleur sous le résultat vous permet de vérifier que l’outil a bien reconnu la couleur.
Une même couleur en quatre formats
HEX, RGB, HSL et CMYK sont différentes façons d’écrire une même couleur. Voici un orange dans ces quatre formats :
| Format | Valeur | Signification des nombres |
|---|---|---|
| HEX | #ff6600 |
Rouge, vert et bleu, chacun sur deux chiffres hexadécimaux |
| RGB | rgb(255, 102, 0) |
Rouge, vert et bleu, de 0 à 255 |
| HSL | hsl(24, 100%, 50%) |
Teinte sur le cercle chromatique, saturation, luminosité |
| CMYK | cmyk(0%, 60%, 100%, 0%) |
Encres cyan, magenta, jaune et noire |
HEX et RGB utilisent les mêmes trois nombres, écrits différemment. La conversion entre les deux est exacte. HSL est plus facile à ajuster à la main : augmentez la valeur de luminosité pour éclaircir la couleur.
Pourquoi CMYK est différent
CMYK est destiné à l’impression, et les valeurs exactes dépendent de l’imprimante, du papier et de l’encre. Le convertisseur utilise la formule standard sans profil d’imprimante. Un imprimeur peut donc vous donner des valeurs légèrement différentes pour la même couleur. Utilisez le résultat CMYK pour vos maquettes et demandez un tirage d’essai à l’imprimeur avant l’impression définitive.
Quel format utiliser
- CSS et HTML : utilisez HEX. C’est court, et tous les navigateurs le reconnaissent.
- Thème de couleurs : utilisez HSL. Vous pouvez obtenir des nuances plus claires ou plus foncées en modifiant un seul nombre.
- Transparence dans le code : utilisez RGB avec une valeur alpha, ou un code HEX à huit chiffres.
rgba(37, 99, 235, 0.5)devient#2563eb80, et les deux derniers chiffres indiquent l’opacité. - Maquettes d’impression : utilisez CMYK et tenez compte de la remarque ci-dessus.
Les noms de couleurs ne sont pas exacts
Le convertisseur prend en charge 17 formats, dont OKLCH, LAB, HSV, les noms de couleurs CSS et les codes ANSI de terminal. Le nom de couleur proposé est le nom CSS le plus proche, pas une correspondance exacte. #ff6600 donne orangered, mais orangered correspond en réalité à #ff4500. Utilisez les noms pour des étiquettes rapides et les valeurs exactes pour les couleurs de marque.
Collez la couleur, vérifiez l’échantillon, puis copiez le résultat. C’est tout.
Envie de l'essayer vous-même ?
Convertisseur de couleur
Convertissez des couleurs entre HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH, XYZ, noms de couleurs CSS, codes ANSI de terminal et plus encore, avec détection automatique du format et aperçu en direct.