Convertisseur de couleurs : HEX, RGB, HSL, CMJN
Convertissez instantanément les couleurs entre HEX, RGB, HSL et CMJN. Pipette, harmonies, nuances et teintes, copie en un clic et historique des couleurs.
Chargement de Convertisseur de couleurs…
Vos fichiers ne quittent jamais votre appareil
Comment utiliser Convertisseur de couleurs
- 1
Ouvrez Convertisseur de couleurs sur cette page. Il se charge directement dans votre navigateur.
- 2
Ajoutez votre fichier, texte ou valeurs et ajustez les réglages.
- 3
Copiez ou téléchargez le résultat. Rien n'est envoyé ni stocké.
À propos de cet outil
Chaque outil de design et chaque langage semble vouloir les couleurs dans un format différent : le CSS aime le HEX et le HSL, les éditeurs d'images affichent du RGB et les imprimeurs demandent du CMJN. Ce convertisseur de couleurs traduit les quatre à la fois. Saisissez une valeur dans n'importe quel format ou utilisez le sélecteur de couleur, et tous les autres formats se mettent à jour instantanément, prêts à copier.
Comment convertir une couleur
- Saisissez une valeur : HEX comme #3B82F6, RGB comme 59, 130, 246, HSL ou CMJN. Ou choisissez une couleur visuellement.
- Lisez la même couleur dans les autres formats.
- Cliquez sur une valeur pour la copier.
- Ajoutez des couleurs à l'historique pour garder une petite palette pendant votre travail.
Les quatre formats
| Format | Exemple | Usage |
|---|---|---|
| HEX | #3B82F6 | CSS, design web, chartes graphiques |
| RGB | rgb(59, 130, 246) | Écrans, éditeurs d'images, CSS |
| HSL | hsl(217, 91%, 60%) | Thèmes CSS ; facile à éclaircir ou assombrir |
| CMJN | 76%, 47%, 0%, 4% | Impression |
Comment fonctionnent les conversions
- HEX et RGB sont les mêmes nombres écrits autrement : chaque paire de chiffres HEX correspond à un canal RGB de 00 (0) à FF (255).
- HSL décrit la teinte comme un angle sur le cercle chromatique, avec la saturation et la luminosité en pourcentage, ce qui rend les réglages intuitifs.
- Le CMJN obtenu depuis le RGB est une simple conversion mathématique. L'impression réelle dépend des profils de papier et d'encre, alors demandez à votre imprimeur les valeurs exactes pour les couleurs importantes de votre marque.
Plus qu'une conversion
- Harmonies de couleurs : complémentaire, analogue et autres combinaisons basées sur votre couleur.
- Nuances et teintes : des variantes plus sombres et plus claires pour les états de survol et les fonds.
- Préréglages et couleurs aléatoires pour trouver vite l'inspiration.
Vous créez une palette complète ? Essayez le générateur de palette de couleurs. Vous voulez vérifier qu'un texte est lisible sur votre couleur ? Utilisez le vérificateur de contraste.
Questions fréquentes
Comment convertir du HEX en RGB ?
Séparez le code HEX en trois paires et convertissez chacune de la base 16 en un nombre de 0 à 255. #3B82F6 devient 59, 130, 246. Le convertisseur le fait instantanément.
Quelle est la différence entre RGB et CMJN ?
Le RGB mélange de la lumière pour les écrans, le CMJN mélange des encres pour l'impression. Certaines couleurs vives à l'écran ne peuvent pas être imprimées exactement, donc leur version CMJN peut paraître plus terne.
Pourquoi utiliser le HSL en CSS ?
Le HSL sépare teinte, saturation et luminosité : vous éclaircissez ou assombrissez une couleur en changeant un seul nombre, pratique pour les thèmes et les états de survol.
La valeur CMJN est-elle exacte pour l'impression ?
C'est une conversion mathématique standard. Les imprimeurs utilisent des profils de couleur selon le papier et l'encre, demandez-leur donc les valeurs exactes pour les couleurs de votre marque.
Puis-je choisir une couleur visuellement ?
Oui. Utilisez le sélecteur de couleur : les valeurs HEX, RGB, HSL et CMJN se mettent à jour pendant que vous le déplacez.
La transparence est-elle prise en charge ?
Le convertisseur travaille avec des couleurs pleines. Pour la transparence en CSS, ajoutez vous-même une valeur alpha, par exemple rgb(59 130 246 / 50%).