Outil de conversion RGB HSL

HSL:
HEX:

Conversion RGB en HSL

La conversion de RGB en HSL est un processus de modification de l'espace colorimétrique. RGB (rouge, vert, bleu) sont les trois couleurs primaires de la lumière couramment utilisées dans les images numériques. HSL (Teinte, Saturation, Luminosité) est une autre façon de représenter les couleurs, où la teinte représente le type de couleur, la saturation la pureté de la couleur et la luminosité la luminosité.

La conversion de RGB en HSL se fait à l'aide de calculs mathématiques. Les valeurs RGB sont d'abord normalisées, puis les valeurs HSL sont calculées. Ce processus est largement utilisé dans des domaines tels que le traitement d'image et la conception Web, pour la conversion et l'ajustement des couleurs.

La conversion de RGB en HSL est un outil important pour comprendre la façon dont les couleurs sont représentées et pour gérer les couleurs dans la conception visuelle. En utilisant cette conversion, il est possible d'essayer différentes combinaisons de teinte, de saturation et de luminosité, permettant une expression des couleurs plus riche.

Liste des codes couleur RGB et HSL

Nom de la couleur Code couleur RGB Code couleur HSL Couleur
Rouge rgb(255, 0, 0) hsl(0, 100%, 50%)
Vert rgb(0, 255, 0) hsl(120, 100%, 50%)
Bleu rgb(0, 0, 255) hsl(240, 100%, 50%)
Jaune rgb(255, 255, 0) hsl(60, 100%, 50%)
Violet rgb(128, 0, 128) hsl(300, 100%, 25%)

Formules de conversion RGB HSL

Formules de conversion de RGB à HSL
Entrée (R, V, B) Sortie (H, S, L)
0 ≤ R, V, B ≤ 1 0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1
1. Identifier la valeur maximale et minimale:
Cmax = max(R, V, B)
Cmin = min(R, V, B)
Δ = Cmax - Cmin
2. Calcul de la teinte (H):
H =
| (V - B) / Δ , si Cmax = R
| (B - R) / Δ + 2 , si Cmax = V
| (R - V) / Δ + 4 , si Cmax = B

Cependant, des ajustements peuvent être nécessaires pour ramener H dans la plage de 360 degrés.
3. Calcul de la saturation (S):
S = Δ / (1 - |2L - 1|)
4. Calcul de la luminosité (L):
L = (Cmax + Cmin) / 2
5. Ajustement de H dans la plage de 360 degrés:
H = H * 60° , si H < 0
H = H * 60° - 360° , si H ≥ 0

Qu'est-ce que RGB ?

RGB est l'abréviation de Rouge (Red), Vert (Green) et Bleu (Blue), un modèle de couleur numérique. Ce modèle utilise les trois couleurs primaires de la lumière, le rouge, le vert et le bleu, pour représenter différentes couleurs.

Le modèle de couleur RGB est largement utilisé dans les images numériques, les écrans d'appareils électroniques, etc., où chaque couleur est représentée dans une plage de 0 à 255. Différentes combinaisons de composants rouge, vert et bleu peuvent produire diverses couleurs.

Qu'est-ce que HSL ?

HSL est l'abréviation de Teinte (Hue), Saturation (Saturation) et Luminosité (Lightness), un autre modèle de représentation des couleurs. Dans ce modèle, la teinte représente le type de couleur (rouge, vert, bleu, etc.), la saturation la pureté de la couleur et la luminosité la clarté de la couleur.

Le modèle de couleur HSL permet une représentation intuitive des couleurs, largement utilisée dans les domaines du design et des graphiques. En modifiant la teinte, la saturation ou la luminosité, on peut ajuster la couleur pour changer son type, sa vivacité ou sa clarté.

Quels sont les avantages de convertir RGB en HSL ?

La conversion de RGB en HSL présente plusieurs avantages. Tout d'abord, HSL est une manière intuitive de représenter les couleurs, facilement compréhensible par l'œil humain. Avec ses trois composantes de teinte, saturation et luminosité, il est facile d'ajuster le type de couleur, la clarté et la vivacité de manière intuitive.

En outre, dans les domaines du design et des graphiques, les ajustements et conversions de couleurs sont fréquents. La conversion de RGB en HSL permet d'effectuer ces ajustements et de vérifier la compatibilité des couleurs de manière plus efficace. De plus, l'utilisation de HSL permet une expression et un design plus riches en tirant parti des caractéristiques de teinte, de saturation et de luminosité.