Convertisseur de couleur HSL vers RGB

Teinte (H)
Saturation (S)
Luminosité (L)
R
V
B

Convertisseur de couleur HSL vers RGB

Qu'est-ce que la conversion HSL vers RGB ?

La conversion HSL vers RGB est le processus de transformation des représentations de couleurs du modèle de couleur HSL (Teinte, Saturation, Luminosité) vers le modèle de couleur RGB (Rouge, Vert, Bleu). Cette conversion est utile lorsque vous devez traduire des descriptions de couleurs intuitives en valeurs pouvant être utilisées dans les affichages numériques et le traitement d'images.

Modèle de couleur HSL

Le modèle de couleur HSL représente les couleurs en utilisant trois composantes :

  • Teinte (H) : Représente la couleur elle-même, mesurée en degrés de 0° à 360°.
  • Saturation (S) : Représente l'intensité de la couleur, de 0% (gris) à 100% (couleur pleine).
  • Luminosité (L) : Représente la luminosité, de 0% (noir) à 100% (blanc).

Modèle de couleur RGB

Le modèle de couleur RGB représente les couleurs en utilisant trois composantes :

  • Rouge (R) : Quantité de rouge, de 0 à 255.
  • Vert (V) : Quantité de vert, de 0 à 255.
  • Bleu (B) : Quantité de bleu, de 0 à 255.

Formule de conversion

La conversion de HSL vers RGB implique plusieurs étapes et cas. Voici une version simplifiée de la formule :

Tout d'abord, calculez quelques valeurs intermédiaires :

\[ C = (1 - |2L - 1|) \times S \]

\[ X = C \times (1 - |(H / 60°) \bmod 2 - 1|) \]

\[ m = L - C/2 \]

Ensuite, en fonction de la valeur de Teinte, attribuez les valeurs RGB :

  • Si 0° ≤ H < 60° : (R,V,B) = (C,X,0)
  • Si 60° ≤ H < 120° : (R,V,B) = (X,C,0)
  • Si 120° ≤ H < 180° : (R,V,B) = (0,C,X)
  • Si 180° ≤ H < 240° : (R,V,B) = (0,X,C)
  • Si 240° ≤ H < 300° : (R,V,B) = (X,0,C)
  • Si 300° ≤ H < 360° : (R,V,B) = (C,0,X)

Enfin, ajustez les valeurs RGB :

\[ (R,V,B) = ((R+m) \times 255, (V+m) \times 255, (B+m) \times 255) \]

Exemple d'utilisation

Convertissons une couleur bleu vif de HSL vers RGB :

  • HSL : (210°, 100%, 50%)
  • RGB : (0, 127, 255)

Représentation visuelle

HSL RGB

Ce diagramme montre la couleur bleu vif représentée dans les formats HSL et RGB. L'apparence visuelle est identique, démontrant la conversion précise entre les deux modèles de couleur.