Du design au code
Convertir les couleurs d’une maquette en HEX ou RGB est le passage obligé vers la feuille de style.
Convertisseur de couleur
Convertissez entre HEX, RGB, HSL et CMYK.
🔒 Ce fichier est traité dans votre navigateur. Il n'est jamais envoyé à un serveur.
…
À quoi ça sert
Une même couleur s’écrit différemment selon l’usage, et cet outil traduit entre toutes ces notations. HEX est le code à six caractères courant sur le web, RGB exprime la couleur comme un mélange de rouge, vert et bleu, HSL la décrit par teinte, saturation et luminosité, et CMJN est le système de l’imprimerie.
La conversion est nécessaire au quotidien parce que chaque logiciel parle sa langue. Le graphiste livre un HEX, l’outil de mise en page réclame du RGB, l’imprimeur travaille en CMJN et la feuille de style accepte les trois. Traduire à la main est possible mais fastidieux et source d’erreurs.
HSL mérite une mention à part car c’est le plus intuitif pour ajuster une couleur à l’œil. Conserver la teinte et monter la luminosité donne une variante plus claire de la même couleur, ce qui est bien plus difficile en manipulant les trois nombres du RGB.
Comment ça marche
- Choisissez une couleur avec le sélecteur visuel ou saisissez directement son code HEX.
- L’outil calcule instantanément ses équivalents en RGB, HSL et CMJN.
- Copiez le format dont vous avez besoin pour votre maquette ou votre code.
Quand l'utiliser
Préparer pour l’impression
Les couleurs d’écran se définissent en RGB, l’impression travaille en CMJN. La conversion donne le point de départ.
Créer des variantes
En ajustant la luminosité en HSL, on obtient les versions claire et foncée d’une couleur de marque sans perdre la teinte.
Conseils pratiques
- La conversion en CMJN est la formule mathématique standard. Pour une impression professionnelle, l’imprimeur peut demander un profil colorimétrique donnant des valeurs un peu différentes.
- Toutes les couleurs d’écran ne s’impriment pas : les verts et bleus très saturés sortent toujours plus ternes sur papier.
- Conservez les couleurs de votre projet en HEX, le format le plus portable.
- Avant de valider une couleur de texte, vérifiez son contraste avec le fond prévu.
Questions fréquentes
Pourquoi plusieurs formats de couleur ?
Chaque contexte utilise le sien : le CSS emploie surtout HEX ou RGB, l’impression utilise le CMJN, et HSL est plus intuitif pour ajuster teinte et luminosité à la main.
La conversion en CMJN est-elle exacte ?
C’est une conversion mathématique standard RGB→CMJN ; pour une impression professionnelle, l’imprimeur peut exiger un profil colorimétrique spécifique différent.