Convertisseur de Couleur RGB en HSL
Convertissez des valeurs de couleur RGB en HSL (teinte, saturation, luminosité) instantanément. Gratuit, sans inscription.
Cet outil a-t-il répondu à votre question ?
Merci — cela nous aide à améliorer l'outil.
Comment utiliser cet outil
- Entrez les valeurs rouge, vert et bleu (chacune 0–255).
- L'outil calcule la teinte (0–360°), la saturation (0–100%) et la luminosité (0–100%).
- Utilisez le résultat hsl() directement en CSS.
Convertissez des valeurs de couleur RGB vers le modèle de couleur HSL (Teinte, Saturation, Luminosité) utilisé en CSS et dans les outils de design.
Formule
Given Red, Green, Blue each in 0–255, first normalize: r' = R/255, g' = G/255, b' = B/255.
Then: L = (max + min) / 2
If max ≠ min, delta d = max − min, then:S = d / (2 − max − min) when L > 0.5, else S = d / (max + min)
Hue sector depends on which channel is max:
• R is max: H = (g' − b') / d + (g' < b' ? 6 : 0)
• G is max: H = (b' − r') / d + 2
• B is max: H = (r' − g') / d + 4
Then H = H / 6 × 360
Questions fréquentes
- Qu'est-ce que le HSL ?
- HSL signifie Teinte (Hue), Saturation, Luminosité (Lightness). Il représente les couleurs dans un modèle cylindrique, ce qui le rend plus intuitif que le RGB pour ajuster la clarté et la saturation.
- Quelle plage utilise la teinte ?
- La teinte est mesurée en degrés de 0 à 360, où 0/360 est rouge, 120 est vert et 240 est bleu.