Utilia

Convertisseur de couleurs

Convertissez une couleur entre HEX, RGB, HSL, HSV, HWB, CMJN, LAB, LCH et OKLCH. Collez un code, voyez la couleur et copiez chaque format en un clic.

Exemples :

Conversions

Le CMJN est une conversion simplifiée, sans profil ICC. Pour l’impression, demandez à votre imprimeur une conversion basée sur son profil.

Comment utiliser le convertisseur de couleurs

  1. Saisissez ou collez une couleur dans le champ Entrée. Le format est détecté automatiquement : #FF6347, FF6347, rgb(255 99 71), 255, 99, 71, hsl(9 100% 64%), hsv(9, 72%, 100%), cmyk(0, 61, 72, 0), lab(63% 59 48), oklch(70% 0.2 32) ou un nom comme tomato.
  2. Les conversions s’affichent pendant la saisie. Vous pouvez aussi appuyer sur Entrée ou cliquer sur Convertir.
  3. Regardez la pastille : elle montre la couleur et le Format détecté, pour vérifier comment votre saisie a été comprise.
  4. Cliquez sur Copier à côté du format voulu. Les boutons d’exemple permettent d’essayer des saisies courantes.

La conversion se fait entièrement dans votre navigateur.

Formats pris en charge

Format Exemple Usage courant
HEX #FF6347 HTML, CSS, outils de design
RVB (RGB) rgb(255, 99, 71) CSS, code, retouche photo
TSL (HSL) hsl(9, 100%, 64%) CSS, réglage de la luminosité
TSV (HSV / HSB) hsv(9, 72%, 100%) Photoshop, Figma, sélecteurs
HWB hwb(9 28% 0%) CSS Color 4
CMJN (CMYK) cmyk(0%, 61%, 72%, 0%) impression (voir plus bas)
LAB (D50) lab(62.99% 59.36 47.88) CSS lab(), colorimétrie
LCH lch(62.99% 76.27 38.89) CSS lch()
OKLCH oklch(69.62% 0.1955 32.32) CSS moderne, design systems

Les résultats HEX, RGB, HSL, HWB, LAB, LCH et OKLCH sont du CSS valide, à coller directement dans une feuille de style. Le HSV et le CMJN n’existent pas en CSS : ils sont écrits sous forme de fonction par convention, pour la lecture.

Si votre couleur comporte de la transparence (par exemple rgb(255 0 0 / 50%)), elle est conservée : le HEX passe à huit chiffres, comme #FF000080, et les autres formats reçoivent une valeur alpha.

Comment fonctionnent les conversions

RGB, HEX, HSL, HSV et HWB sont des écritures différentes des mêmes valeurs sRGB : ils se convertissent exactement, à l’arrondi près. LAB et LCH suivent la définition de CSS Color 4, avec le blanc de référence D50 et l’adaptation chromatique de Bradford. Certains convertisseurs en ligne utilisent D65 : leurs valeurs LAB peuvent alors différer de quelques unités pour la même couleur. OKLCH repose sur le modèle Oklab de Björn Ottosson, celui qu’emploient les navigateurs pour oklch().

Si vous saisissez une couleur LAB, LCH ou OKLCH trop saturée pour un écran courant, elle sort de l’espace sRGB et n’a pas d’équivalent HEX. L’outil vous le signale et la ramène à la couleur affichable la plus proche en réduisant sa chroma, sans toucher à la luminosité ni à la teinte.

Le CMJN reste une approximation

Les valeurs CMJN utilisent la formule simplifiée K = 1 − max(R, V, B) et C = (1 − R − K) / (1 − K), de même pour M et J. Aucun profil ICC n’intervient : ces chiffres ne prédisent pas le rendu d’une presse donnée. Pour un travail d’impression professionnel, convertissez dans votre logiciel de mise en page avec le profil fourni par l’imprimeur (FOGRA39, par exemple). La conversion inverse, du CMJN vers le RVB, applique R = (1 − C)(1 − K).

Questions fréquentes

Comment convertir un code HEX en RGB à la main ?

Coupez le code en trois paires et convertissez chacune de la base 16 vers la base 10. Pour #FF6347 : FF = 255, 63 = 99, 47 = 71, soit rgb(255, 99, 71).

Quelle différence entre HSL et HSV ?

Les deux utilisent un angle de teinte et une saturation, mais la troisième valeur du HSL est la luminosité (50 % donne la couleur pure, 100 % le blanc), tandis que celle du HSV est la valeur ou brillance (100 % donne la couleur pure ou le blanc selon la saturation). Une même couleur a donc des saturations différentes dans chaque modèle.

Pourquoi ma valeur LAB diffère-t-elle d’un autre convertisseur ?

Le plus souvent à cause du blanc de référence. Cet outil utilise D50, comme lab() en CSS ; les convertisseurs basés sur D65 donnent des chiffres un peu différents. Les deux sont justes dans leur propre référence.

Peut-on convertir du CMJN en HEX ?

Oui. Saisissez par exemple cmyk(0%, 61%, 72%, 0%) ou cmyk(0, 0.61, 0.72, 0). Gardez à l’esprit que le résultat est une approximation sans profil colorimétrique.

Faut-il taper le signe # ?

Non. ff6347, f64 et même trois nombres séparés par des virgules, comme 255, 99, 71, sont reconnus.