Qu'est-ce que Convertisseur de couleurs ?

Le Convertisseur de Couleurs traduit entre les formats HEX, RGB, HSL, HSV et CMYK. Choisissez une couleur ou tapez une valeur, et voyez le résultat dans tous les formats avec un aperçu en direct.

Choisissez via la roue de couleurs visuelle ou tapez dans l'un des cinq champs liés — HEX, RGB, HSL, HSV, CMJN — et tous les autres se mettent à jour en direct. HSV (parfois noté HSB) figure aux côtés de HSL, ce qui aide quand vous manipulez des valeurs venues de Photoshop ou Sketch que les outils CSS ne montrent pas.

Comment utiliser

1. Étape 1 — Choisissez une couleur visuellement grâce au sélecteur interactif, ou saisissez une valeur dans n'importe quel champ de format.
2. Étape 2 — Tous les champs de format se mettent à jour en même temps, pour que vous voyiez toujours la valeur équivalente dans chaque format.
3. Étape 3 — Copiez la valeur de n'importe quel format ou utilisez le sélecteur de couleur pour affiner. Chaque champ se met à jour en direct.

Quand l'utiliser

• Échantillonner une couleur dans la roue et copier le CMJN correspondant pour un fichier Illustrator.
• Régler des valeurs HSV depuis une palette Photoshop et lire le HSL équivalent pour le CSS.
• Construire une palette de zéro en faisant glisser le sélecteur et en notant chaque HEX.

Résultat

Un designer d'impression a besoin des valeurs CMYK pour la couleur web rgb(0, 128, 255). L'outil la convertit en cmyk(100%, 50%, 0%, 0%) pour une reproduction fidèle à l'impression.

FAQ

Pourquoi proposer HSL et HSV s'ils se ressemblent ?

HSL accompagne CSS et la plupart des outils web ; HSV (alias HSB) est le standard sous Photoshop, Sketch et les sélecteurs natifs de macOS et Windows. Les designers passent constamment d'un univers à l'autre : le convertisseur affiche les deux pour éviter une étape de conversion supplémentaire.

Puis-je modifier n'importe quel champ ou seulement le sélecteur ?

Tous les champs sont modifiables. Tapez un HEX ou changez les chiffres de RGB / HSL / HSV / CMJN, et le sélecteur ainsi que les autres champs suivent. La couleur reste synchronisée quel que soit le champ que vous modifiez.

Pourquoi un gris affiche-t-il 0 en teinte et en saturation HSL ?

Un gris pur n'a pas de teinte et sa saturation est nulle. Par convention, lorsque la saturation est 0, HSL place aussi la teinte à 0, car un gris n'occupe aucune position précise sur la roue. C'est mathématiquement correct, même si cela ressemble à une donnée manquante.

Que signifie le canal K du CMJN ?

K vient de Key et représente le noir. Ajouter du K plutôt que mélanger C+M+J pour approcher le noir économise l'encre couleur coûteuse et évite le brun terne qu'on obtient en mélangeant uniquement CMJ. Le convertisseur calcule K automatiquement.

Le sélecteur fonctionne-t-il au stylet ou sur écran tactile ?

Oui. Le sélecteur est un input natif du navigateur, donc souris, doigt, stylet et trackpad sont pris en charge. Sur mobile, une pression ouvre le sélecteur système ; sur bureau, un clic déploie la roue. Pour des valeurs précises, les champs numériques restent plus pratiques.

Outils similaires