Convertisseur de Codes Couleur

Convertissez les codes couleur entre HEX, RGB, HSL, HSV et CMYK. Saisissez un format pour obtenir tous les autres, avec aperçu en direct et copie en un clic pour le web.

Mode d'emploi

  1. Entrer le code couleur

    Saisissez un code couleur dans n'importe quel format (HEX, RGB, HSL ou CMYK).

  2. Voir l'aperçu

    L'aperçu de la couleur s'affiche automatiquement avec un échantillon visuel.

  3. Copier les conversions

    Cliquez sur Calculer pour voir les codes dans tous les formats et les copier facilement.

Qu'est-ce que la conversion de codes couleur ?

La conversion de codes couleur consiste à exprimer une même couleur dans différents systèmes de notation tels que HEX, RGB et HSL. Un écran crée la couleur en mélangeant les couleurs primaires de la lumière — rouge, vert et bleu —, si bien que toute couleur se ramène finalement à l'intensité de trois canaux RGB. HEX comprime ces valeurs RGB en une chaîne hexadécimale de six chiffres (#RRGGBB), tandis que HSL les réorganise selon la façon dont l'humain perçoit la couleur, à l'aide d'un angle de teinte, de la saturation et de la luminosité.

Pourquoi la conversion est importante

  • Écrire du CSS — Récupérez le code HEX d'une maquette et convertissez-le en RGB, ce qui facilite le réglage de l'opacité.
  • Ajustement des couleurs — Lorsque vous voulez seulement assombrir légèrement une couleur, la conversion en HSL vous permet d'ajuster uniquement la valeur L.
  • Collaboration — Gardez en cohérence le HEX Figma du designer, les variables RGB du développeur et les références couleur de l'équipe d'impression.

Quel que soit le format saisi, ce convertisseur calcule tous les autres formats d'un coup et affiche la couleur réelle dans un aperçu.

Formule de conversion

HEX → RGB découpe le nombre hexadécimal par paires de deux chiffres et lit chacune comme un nombre décimal.

R = parseInt(hex[0:2], 16) ; G et B se calculent de la même manière. Exemple : #FF5733 → FF=255, 57=87, 33=51 → RGB(255, 87, 51).

RGB → HSL normalise d'abord chaque canal dans l'intervalle 0-1, puis calcule la luminosité.

L = (max + min) / 2
S = delta / (2 − max − min) (lorsque L > 0,5)
où delta = max − min. Dans l'exemple ci-dessus, max=1 et min=0,2 donnent L = 0,6 (60%), S = 0,8/0,8 = 100% et un angle de teinte H ≈ 11°, ce qui se convertit en HSL(11°, 100%, 60%).

Questions fréquentes

Quelle est la différence entre HEX et RGB ?
HEX exprime une couleur en hexadécimal (#FF5733), tandis que RGB exprime les valeurs de rouge, vert et bleu en décimales de 0-255 (255, 87, 51). Ce sont deux manières d'écrire la même couleur.
Comment convertir un code HEX en RGB ?
Découpez #RRGGBB en paires de deux chiffres et convertissez chacune de l'hexadécimal au décimal. Par exemple, #FF5733 donne FF=255, 57=87, 33=51, soit RGB(255, 87, 51). Chaque paire représente une intensité de canal de 00 (0) à FF (255).
Quand faut-il utiliser CMYK ?
CMYK est le modèle colorimétrique de l'impression, qui mélange les encres cyan, magenta, jaune et noir. Les écrans et le web utilisent RGB/HEX, qui ajoutent de la lumière, tandis que la production imprimée convertit en CMYK, qui superpose les encres. Les deux gamuts différant, les couleurs à l'écran peuvent apparaître légèrement différentes une fois imprimées.
Quels sont les avantages du modèle HSL ?
HSL se compose de la teinte, de la saturation et de la luminosité, ce qui permet d'ajuster les couleurs de manière intuitive. Par exemple, en baissant uniquement la valeur de luminosité (L), on conserve la teinte tout en obtenant facilement une variante plus sombre, pratique pour les effets de survol et la création de palettes.
Que signifient la teinte (H), la saturation (S) et la luminosité (L) en HSL ?
La teinte (H) est un angle sur la roue chromatique de 0 à 360 degrés : 0° est le rouge, 120° le vert et 240° le bleu. La saturation (S) est l'intensité de la couleur de 0 à 100% : 0% donne du gris, 100% la couleur la plus vive. La luminosité (L) est la clarté de 0 à 100% : 0% est noir, 100% blanc et 50% la couleur la plus pure.
Comment le blanc et le noir sont-ils représentés ?
Le blanc a tous les canaux au maximum : #FFFFFF / RGB(255, 255, 255) / HSL(0, 0%, 100%). Le noir a tous les canaux à zéro : #000000 / RGB(0, 0, 0) / HSL(0, 0%, 0%). Les gris ont une saturation (S) de 0% et ne diffèrent que par la luminosité (L).
Que se passe-t-il si les valeurs RGB sortent de la plage 0-255 ?
Chaque canal est automatiquement borné (clamp) avant la conversion en HEX : les valeurs inférieures à 0 deviennent 0 et celles supérieures à 255 deviennent 255. Par exemple, RGB(300, -10, 128) est traité comme RGB(255, 0, 128), ce qui donne #FF0080.
Puis-je copier les résultats de conversion immédiatement ?
Oui. Cliquez sur n'importe quel code HEX, RGB ou HSL converti pour le copier dans le presse-papiers, et l'aperçu de la couleur vous permet de vérifier visuellement la couleur réelle afin de la coller directement dans du CSS ou un outil de design.
Spécifications appareils 2026

Calculatrices associées

Calculateur PPI/DPIPPI = sqrt(w^2 + h^2) / diagonalCalculateur de Ratio d'Aspectratio = w/gcd(w,h) : h/gcd(w,h)Calculateur de Sous-RéseauCIDR bitwise maskConvertisseur de Bases NumériquesparseInt(value, fromBase).toString(toBase)