Convertisseur de couleur

Basculez entre HEX, RGB, HSL et CMYK instantanément.

Écran et papier ne voient pas pareil

Un écran crée une couleur en projetant de la lumière rouge, verte et bleue. L’impression fonctionne à l’inverse : elle absorbe la lumière en superposant du cyan, du magenta, du jaune et du noir. Même couleur en RGB ne donnera jamais exactement la même en CMYK. Le bleu brillant du navigateur peut virer au bleu foncé ou au violet sur papier glacé. L’imprimeur prépare donc des épreuves.

C’est pourquoi un bon workflow convertit en CMYK avant l’impression et teste sur papier. Le convertisseur ne peut pas compenser cette différence physique, mais il donne la traduction exacte qu’exige chaque système.

Les quatre espaces chromatiques

  • HEX — Notation hexadécimale compacte (ex : #FF6B35). Pratique pour CSS, facile à copier. Écrite pour un écran, pas valide en impression.
  • RGB — Rouge, Vert, Bleu. Plage 0–255 ou 0–100 %. C’est l’espace des écrans. Plus lumineux quand la valeur monte.
  • HSL — Teinte (angle 0–360°), Saturation (0–100 %), Luminosité (0–100 %). L’espace préféré des designers CSS, plus intuitif que RGB.
  • CMYK — Cyan, Magenta, Jaune, Noir. L’espace de l’impression. Moins lumineux quand la valeur monte (on ajoute de l’encre).

Quand convertir et pourquoi

Si vous travaillez en CSS ou en JavaScript, restez en HEX ou RGB. Le navigateur les comprend nativement. Si vous créez une image qui ira sur papier, commencez en RGB, convertissez en CMYK bien avant l’impression et vérifiez la différence. Si vous recevez une couleur CMYK d’un imprimeur, convertissez-la en RGB pour votre écran, sachant que le visuel ne sera jamais identique.

Pièges et conseils

  • Tester les couleurs sur écran n’est pas une garantie pour l’impression
  • La même teinte CMYK peut donner deux RGBs différents selon le profil de couleur
  • HSL est intuitive pour les dégradés et les nuances
  • Les couleurs web et d’impression n’utilisent pas les mêmes gammes
  • RGB et HEX parlent le même langage (un HEX est un RGB en hexadécimal)

Questions sur les espaces chromatiques

Pourquoi le bleu que je vois sur écran ne correspond pas au bleu imprimé ?

L’écran crée de la lumière, l’impression l’absorbe. Les deux systèmes n’ont pas la même gamme. Vous devez convertir en CMYK et tester une épreuve avant d’imprimer le tirage final.

Je dois donner une couleur en RGB pour une API. Comment la trouver ?

Collez le HEX ou le CMYK si vous l’avez, et le convertisseur affichera le RGB exact que l’API attend.

Qu’est-ce qu’un profil de couleur ?

Un profil dit au convertisseur comment votre écran traduit les nombres en teinte réelle. Deux écrans peuvent afficher le même RGB différemment. C’est invisible au convertisseur, qui donne toujours le nombre juste.

HSL ou RGB, lequel choisir pour CSS ?

Tous les deux fonctionnent. HSL est plus lisible pour les humains (une nuance devient lightness : 50 %). RGB est plus courant.

Peut-on convertir une couleur en grayscale ?

Pas directement ici, mais il suffit de zéroter la saturation en HSL pour une échelle de gris. RGB donne le même résultat en rendant R = G = B.

Cookie
Nous nous soucions de vos données et aimerions utiliser des cookies pour améliorer votre expérience.