Convertisseur de couleur RVB vers TSL
Transformez les valeurs des canaux rouge, vert et bleu en modèle de couleur TSL, vous donnant la teinte en degrés ainsi que la saturation et la luminosité en pourcentages.
Saturation 100% · Lightness 63,9%
- 1
Normalize RGB
R ÷ 255, G ÷ 255, B ÷ 255 = 1, 0,3882, 0,2784 - 2
Lightness L
(1 + 0,2784) ÷ 2 = 63,9% - 3
Chroma d
1 − 0,2784 = 0,7216 - 4
Saturation S
0,7216 ÷ (1 − |2 × 0,6392 − 1|) = 100%Zero for grey; 1 for a fully saturated colour. - 5
Hue H
60 × (((0,3882 − 0,2784) ÷ 0,7216) mod 6) = 9,1Red is the dominant channel.
Comment fonctionne cette calculatrice ?
Divisez chaque canal RVB par 255, puis prenez le max et le min. La luminosité est leur moyenne, la saturation est le chroma divisé par (1 − |2L − 1|), et la teinte provient du canal dominant. Le résultat est en TSL : teinte en degrés plus saturation et luminosité en pourcentages.
Formule
How this is calculated
Saisissez les trois canaux RVB (R, V, B), chacun de 0 à 255. Les valeurs sont limitées à cette plage et divisées par 255 afin que chaque canal devienne une fraction entre 0 et 1. La plus grande des trois fractions est max et la plus petite est min.
La luminosité est le point milieu des extrêmes, L = (max + min) / 2. Le chroma d = max − min détermine la saturation : S = d / (1 − |2L − 1|), qui vaut 0 pour tout gris où max égale min. La teinte est trouvée à partir du canal qui est le maximum — le rouge donne 60·(((v−b)/d) mod 6), le vert donne 60·((b−r)/d + 2), et le bleu donne 60·((r−v)/d + 4) ; un résultat négatif est ramené dans la plage en ajoutant 360.
Les sorties sont T en degrés (0–360°), et S et L mises à l'échelle en pourcentages (×100). Pour les gris purs (R = V = B), la teinte et la saturation valent toutes deux 0 et seule la luminosité varie. La conversion est exacte et sans perte, hormis l'arrondi en pourcentage affiché.
Questions fréquentes
Lorsque R, V et B sont identiques, la couleur est une nuance de gris, donc le chroma (max − min) est nul. Sans contenu coloré, il n'y a ni teinte ni saturation, seule la luminosité change du noir au blanc.
La teinte est indiquée en degrés de 0 à 360°, tandis que la saturation et la luminosité sont des pourcentages de 0 % à 100 %. Cela correspond à la notation CSS hsl(), vous pouvez donc coller les valeurs directement dans les feuilles de style.
Non. La luminosité TSL est la moyenne des canaux le plus clair et le plus foncé, donc les couleurs pures se situent à 50 % de luminosité. La valeur TSV n'utilise que le canal maximal, donc les deux modèles indiquent des nombres différents pour la même couleur.
Aussi appelé
TG we-Calculate Editorial Team. (2026). Convertisseur de couleur RVB vers TSL [Online calculator]. TG we-Calculate. https://we-calculate.com/fr/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Convertisseur de couleur RVB vers TSL." TG we-Calculate. 2026. https://we-calculate.com/fr/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Convertisseur de couleur RVB vers TSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/fr/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {Convertisseur de couleur RVB vers TSL}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/fr/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Cette calculatrice vous a-t-elle aidé ?