AbraCalc

Convertisseur de Couleur HSL en RGB

Convertissez instantanément des valeurs de couleur HSL (teinte, saturation, luminosité) en RGB.

Par · Relu par AbraCalc Methodology Review · 2 sources

Intégrer cet outil sur votre site
Citer cet outil

APA

AbraCalc. (2026). Convertisseur de Couleur HSL en RGB [Online calculator]. Retrieved from https://abracalc.com/fr/hsl-en-rgb/

BibTeX

@misc{abracalc-hsl-en-rgb, author = {AbraCalc}, title = {Convertisseur de Couleur HSL en RGB}, year = {2026}, howpublished = {\url{https://abracalc.com/fr/hsl-en-rgb/}} }

Cet outil a-t-il répondu à votre question ?

Comment utiliser cet outil

  1. Entrez la teinte (0–360°), la saturation (0–100%) et la luminosité (0–100%).
  2. L'outil affiche les valeurs équivalentes de rouge, vert et bleu (0–255).
  3. Copiez la chaîne rgb() dans votre CSS ou lisez les valeurs individuelles R, G, B.

Reconvertissez des valeurs HSL (Teinte, Saturation, Luminosité) en RGB pour les images, Canvas ou partout où le RGB est requis.

Formule

Given H (0–360°), S (0–100%), L (0–100%), normalize: h = H/360, s = S/100, l = L/100.

If s = 0, then R = G = B = round(l × 255) (achromatic).

Otherwise compute chroma anchors:
q = l < 0.5 ? l(1+s) : l + s − l×s
p = 2l − q

Then use the piecewise hue-to-RGB helper for each channel:
R = hue2rgb(p, q, h + 1/3)
G = hue2rgb(p, q, h)
B = hue2rgb(p, q, h − 1/3)
where hue2rgb(p,q,t) maps t into the interval [0,1] and interpolates between p and q.

Questions fréquentes

Comment fonctionne la conversion HSL en RGB ?
L'algorithme convertit la saturation/luminosité en valeurs intermédiaires, puis associe l'angle de teinte aux canaux R, G, B distincts à l'aide d'une fonction par morceaux.
Que représente hsl(120, 100%, 50%) ?
C'est du vert pur : rgb(0, 255, 0).

Références et sources