Convertisseur de couleurs
Convertissez les couleurs entre les formats HEX, RGB, HSL et CMJN instantanement.
Outils associes
Comment utiliser Convertisseur de couleurs
- 1 Entrez une valeur de couleur dans n'importe quel format pris en charge : HEX, RGB, HSL ou CMJN.
- 2 L'outil convertit instantanement vers tous les autres formats.
- 3 Utilisez le selecteur de couleur pour choisir visuellement une couleur.
- 4 Cliquez sur n'importe quelle valeur de sortie pour la copier dans le presse-papiers.
Avantages de cet outil
Tous les formats majeurs
Convertissez entre HEX, RGB, HSL et CMJN avec un seul outil.
Selecteur de couleur visuel
Selectionnez des couleurs visuellement et obtenez toutes les valeurs de format instantanement.
Copie en un clic
Copiez n'importe quelle valeur de couleur dans le presse-papiers pour une utilisation immediate dans vos projets.
Apercu en temps reel
Voyez la couleur reelle pendant que vous ajustez les valeurs.
Pourquoi c'est important ?
La conversion de couleurs est une tache quotidienne pour les designers web, les graphistes et les developpeurs. Differents outils et plateformes necessitent des couleurs dans differents formats : le CSS utilise HEX ou RGB, les outils de design utilisent souvent HSL et la production d'impression a besoin de CMJN.
Une conversion de couleurs precise assure la coherence de la marque a travers les supports numeriques et imprimes. Une couleur de marque doit avoir le meme rendu sur un site web, un post de reseau social et une brochure imprimee.
Erreurs courantes a eviter
Supposer que les couleurs RGB auront le meme rendu en CMJN
De nombreuses couleurs RGB vibrantes (surtout les bleus et verts vifs) sortent du gamut CMJN et apparaitront plus ternes a l'impression.
Oublier le prefixe # dans les valeurs HEX
Le CSS necessite le prefixe # pour les couleurs HEX. #FF0000 est du CSS valide ; FF0000 seul ne l'est pas.
Confondre HSL et HSV/HSB
HSL et HSV sont des modeles de couleur lies mais differents. Une luminosite HSL de 50 % donne la couleur pure ; une luminosite HSV de 100 % le fait.
Ne pas verifier les ratios de contraste
Une couleur qui semble bien seule peut ne pas fournir un contraste suffisant pour la lisibilite du texte. Les WCAG exigent des ratios de contraste minimum pour l'accessibilite.
Artículos relacionados en nuestro blog
Questions frequentes
Quelle est la difference entre RGB et HEX ?
Ils representent le meme espace colorimetrique. RGB utilise des valeurs decimales (0-255) pour le rouge, le vert et le bleu. HEX utilise l'hexadecimal (00-FF). Exemple : RGB(255,128,0) = #FF8000.
Qu'est-ce que le format de couleur HSL ?
HSL signifie Teinte, Saturation, Luminosite. La teinte est l'angle de couleur (0-360), la saturation est l'intensite (0-100 %) et la luminosite est la clarte (0-100 %). C'est souvent plus intuitif pour les designers.
Quand dois-je utiliser le CMJN ?
Le CMJN (Cyan, Magenta, Jaune, Noir) est utilise pour le design d'impression. Les ecrans utilisent RGB/HEX, mais les materiaux imprimes ont besoin de valeurs CMJN pour une reproduction fidele des couleurs.
Pourquoi les couleurs sont-elles differentes a l'ecran et a l'impression ?
Les ecrans emettent de la lumiere (RGB, couleur additive) tandis que l'impression absorbe la lumiere (CMJN, couleur soustractive). Les gamuts de couleurs different, certaines couleurs d'ecran ne peuvent pas etre reproduites exactement a l'impression.
Qu'est-ce qu'un selecteur de couleur ?
Un outil visuel qui vous permet de choisir une couleur en cliquant sur un spectre ou un degrade, puis affiche les valeurs dans differents formats.