Convertisseur de couleurs RGB vers HSL

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

Convertisseur de couleurs RGB vers HSL

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

La conversion RGB vers HSL est le processus de transformation des représentations de couleurs du modèle de couleur RGB (Rouge, Vert, Bleu) vers le modèle de couleur HSL (Teinte, Saturation, Luminosité). Cette conversion est utile pour la manipulation et l'analyse des couleurs, car HSL fournit une représentation plus intuitive des propriétés des couleurs.

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.

Modèle de couleur HSL

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

  • Teinte (H) : La couleur elle-même, représentée par un angle de 0° à 360°.
  • Saturation (S) : L'intensité de la couleur, de 0% (gris) à 100% (couleur pleine).
  • Luminosité (L) : La luminosité de la couleur, de 0% (noir) à 100% (blanc).

Formule de conversion

La conversion de RGB vers HSL implique ces étapes :

1. Normaliser les valeurs RGB :

\[ R' = R / 255, G' = G / 255, B' = B / 255 \]

2. Calculer Cmax, Cmin, et Δ :

\[ C_{max} = \max(R', G', B') \]

\[ C_{min} = \min(R', G', B') \]

\[ \Delta = C_{max} - C_{min} \]

3. Calculer la Teinte :

\[ H = \begin{cases} 0°, & \text{si } \Delta = 0 \\ 60° \times (\frac{G' - B'}{\Delta} \mod 6), & \text{si } C_{max} = R' \\ 60° \times (\frac{B' - R'}{\Delta} + 2), & \text{si } C_{max} = G' \\ 60° \times (\frac{R' - G'}{\Delta} + 4), & \text{si } C_{max} = B' \end{cases} \]

4. Calculer la Luminosité :

\[ L = \frac{C_{max} + C_{min}}{2} \]

5. Calculer la Saturation :

\[ S = \begin{cases} 0, & \text{si } L = 0 \text{ ou } L = 1 \\ \frac{\Delta}{1 - |2L - 1|}, & \text{sinon} \end{cases} \]

Exemple d'utilisation

Convertissons une couleur bleu vif de RGB vers HSL :

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

Représentation visuelle

RGB HSL

Ce diagramme montre la couleur bleu vif représentée dans les formats RGB et HSL. La représentation HSL fournit une compréhension plus intuitive des propriétés de la couleur.