Qu'est-ce que Convertisseur de codes couleur ?

Le Convertisseur de Codes Couleur traduit n'importe quelle valeur en HEX, RGB, HSL, CMYK et HSV en même temps. Tapez un code, collez un nom CSS comme rebeccapurple, ou cliquez sur la pastille pour piocher une couleur visuellement : tous les autres formats se mettent à jour, et il ne reste qu'à copier celui qu'attend votre feuille de style ou votre imprimeur.

Tapez ou collez une valeur dans n'importe quel format (#FF5733, rgb(255,87,51), hsl(11,100%,60%), cmyk(0%,66%,80%,0%), hsv(11,80%,100%)) ou un nom de couleur CSS tel que tomato ou cornflowerblue. L'outil détecte le format et remplit les quatre autres. La pastille à côté confirme que la valeur a été bien interprétée, et cliquer dessus ouvre le sélecteur de couleur natif de votre appareil pour piocher visuellement n'importe quelle teinte. Pratique quand le fichier de design donne un format et que la feuille de style, le logiciel de design ou l'imprimeur en attend un autre.

Comment utiliser

1. Étape 1 - Saisissez une valeur de couleur dans n'importe quel format pris en charge, ou un nom CSS comme tomato (par exemple #FF5733, rgb(255,87,51), hsl(11,100%,60%)).
2. Étape 2 — L'outil détecte automatiquement le format d'entrée et le convertit vers tous les autres formats en temps réel.
3. Étape 3 - Copiez n'importe quelle valeur convertie en cliquant dessus, ou cliquez sur l'aperçu de couleur pour ouvrir un sélecteur visuel et piocher une nouvelle teinte.

Quand l'utiliser

• Convertir les HEX de la charte en CMJN avant d'envoyer à l'imprimeur.
• Lire un RGB sur une capture d'écran et le réécrire en HEX pour le CSS.
• Vérifier le ton HSL fourni par le graphiste face au HEX du guide de marque.

Résultat

Un développeur web possède la couleur de marque #2196F3 issue d'un fichier de design et a besoin de la valeur RGB pour une animation CSS — l'outil affiche instantanément rgb(33, 150, 243) ainsi que les équivalents HSL et CMYK.

FAQ

Pourquoi le CMJN diffère légèrement de celui de mon logiciel d'impression ?

Les écrans utilisent du RGB additif, l'imprimerie du CMJN soustractif. L'outil applique la formule standard, mais les profils commerciaux (Coated FOGRA39, GRACoL) ajustent quelques points selon l'encre et le papier réels. Prenez le CMJN d'ici comme un point de départ proche.

Que se passe-t-il si je tape une couleur invalide comme #ZZZ ?

Les autres champs restent vides et la pastille s'éteint. L'outil ne met à jour les sorties que lorsque l'entrée correspond à un motif valide HEX, RGB, HSL ou CMJN, ce qui évite une conversion partielle trompeuse.

Les HEX courts comme #F53 fonctionnent-ils ?

Oui. Le HEX à trois caractères est une forme abrégée de celui à six : #F53 équivaut à #FF5533, et le convertisseur accepte les deux. La sortie est toujours en six caractères pour éviter toute ambiguïté quand vous la collez ailleurs.

Quelle différence entre HSL et HSV ?

Les deux commencent par la teinte, mais HSL mesure la luminosité du noir au blanc, alors que HSV (aussi appelé HSB) mesure la brillance par rapport à la couleur pure. Ce convertisseur affiche désormais HSL et HSV côte à côte, puisque CSS utilise HSL et Photoshop utilise HSV, et les designers ont souvent besoin de passer de l'un à l'autre.

Le convertisseur gère-t-il la transparence ou le canal alpha ?

Pas dans cet outil. Ici HEX, RGB, HSL et CMJN sont des valeurs opaques. Pour gérer la transparence, on utilise du HEX à 8 caractères (#RRGGBBAA) ou rgba(), formats qui sortent du périmètre de ce convertisseur.

Outils similaires