Convertisseur de modèles de couleur (RGB, HSL, HSV, CMJN)

Saisissez un code couleur HEX ou choisissez-en un avec le sélecteur de couleur pour calculer instantanément ses valeurs équivalentes en RGB, HSL, HSV (TSV) et CMJN, affichées côte à côte.

En quoi les modèles de couleur diffèrent

Modèle Description Usage courant
RGB Un modèle de couleur additif qui mélange les trois couleurs primaires de la lumière (rouge, vert, bleu), chacune sur une échelle de 0 à 255. Les écrans, le développement web (CSS) et le format de base de la plupart des logiciels de retouche d'image.
HSL Représente une couleur par sa teinte, sa saturation et sa luminosité. C'est plus proche de la façon dont les humains décrivent intuitivement les couleurs. La fonction CSS `hsl()`, et l'ajustement de la teinte/saturation dans les outils de palettes de couleurs.
HSV/TSV Représente une couleur par sa teinte, sa saturation et sa valeur (luminosité). Ressemble au HSL mais définit le troisième axe différemment. Les sélecteurs de couleur d'outils de design comme Photoshop et Illustrator.
CMJN Un modèle de couleur soustractif qui superpose quatre encres : cyan, magenta, jaune et une plaque clé (noir). Le design d'impression et la publication assistée par ordinateur (PAO), où la couleur est reproduite avec de l'encre sur papier.

Astuces

  • Le champ HEX accepte les codes avec ou sans le `#` initial, aussi bien la forme abrégée à 3 chiffres (par exemple `#f60`) que la forme complète à 6 chiffres.
  • Toute couleur choisie avec le sélecteur est automatiquement reportée dans le code HEX, ce qui permet de choisir une couleur visuellement tout en vérifiant les valeurs numériques exactes.
  • Si vous voulez définir une couleur de fond ou de texte en CSS avec la fonction `hsl()`, vous pouvez utiliser directement les valeurs HSL affichées ici au format `hsl(H, S%, L%)`.
  • Lors de la préparation de fichiers pour l'impression, gardez à l'esprit que les valeurs CMJN affichées ici sont une conversion simplifiée ; les valeurs réelles utilisées par le profil ICC d'un imprimeur peuvent différer légèrement.

Questions fréquentes

Le RGB représente une couleur en mélangeant les trois couleurs primaires de la lumière (rouge, vert, bleu), chacune sur une échelle de 0 à 255, et c'est le format de base utilisé en interne par les ordinateurs. Le HSL réexprime la même couleur avec trois axes plus proches de l'intuition humaine (teinte, saturation, luminosité), ce qui facilite des ajustements comme "un peu plus clair" ou "un peu plus vif".

HSV et HSL partagent les mêmes axes de teinte (H) et de saturation (S), mais définissent le troisième axe différemment. La luminosité du HSL décrit à quel point une couleur est mélangée vers le noir ou le blanc, tandis que la valeur du HSV décrit uniquement la quantité de noir mélangée à la couleur. Quand on veut choisir une couleur vive et presque pure, le HSV est souvent jugé plus intuitif, ce qui explique qu'il soit le modèle utilisé dans les sélecteurs de couleur d'outils comme Photoshop.

En théorie, mélanger à parts égales de l'encre cyan, magenta et jaune devrait produire du noir, mais les encres réelles ne sont jamais parfaitement pures, si bien que le mélange des trois ne donne qu'un brun terne. Pour obtenir des noirs nets et profonds (notamment pour le texte), l'industrie de l'imprimerie ajoute une encre noire dédiée, la plaque clé, notée N (ou K en anglais).

Les écrans créent la couleur par synthèse additive, en combinant de la lumière rouge, verte et bleue, si bien que le RGB, basé sur les primaires de la lumière, s'impose naturellement. L'impression, elle, fonctionne par synthèse soustractive, en superposant sur le papier des encres qui absorbent la lumière, d'où l'usage du CMJN, les primaires de l'encre plus le noir. Comme les deux procédés reposent sur des principes différents, les couleurs à l'écran et celles imprimées ne correspondent pas toujours exactement, un écart appelé différence de gamme de couleurs (gamut).
ツールくん

Anecdote — l'histoire derrière ces modèles de couleur

L'idée de synthèse additive des couleurs derrière le RGB remonte à la théorie des couleurs du XIXe siècle, mais elle ne s'est vraiment répandue en infographie qu'à partir des années 1970. Les premiers téléviseurs et moniteurs couleur créaient la couleur en allumant des luminophores rouges, verts et bleus sur un tube cathodique, si bien que le RGB a été adopté comme le modèle numérique correspondant directement à ce matériel physique.

Le HSL et le HSV ont tous deux été conçus par des chercheurs en infographie dans les années 1970 et 1980 pour résoudre un problème d'utilisabilité précis : ajuster directement des valeurs RGB brutes n'est pas intuitif pour les humains. Le HSV est notamment connu pour avoir été formalisé dans un article de 1978 par Alvy Ray Smith, qui deviendra plus tard l'un des cofondateurs de Pixar.

Le CMJN a évolué avec l'histoire de la technologie d'impression et provient d'une technique appelée impression en quadrichromie (four-color process printing). Comme le cyan, le magenta et le jaune seuls peinent à reproduire un noir profond, une plaque clé (noir) dédiée a été ajoutée pour résoudre cette limitation propre à l'impression. Le CMJN reste aujourd'hui la norme pour l'impression offset, les imprimantes à jet d'encre et bien d'autres technologies d'impression.

Plus d'outils dans cette catégorie