AbraCalc

Conversor de Cor HSL para RGB

Converta valores de cor HSL (matiz, saturação, luminosidade) para RGB instantaneamente.

Por · Revisado por AbraCalc Methodology Review · 2 fontes

Incorporar esta ferramenta no seu site
Citar esta ferramenta

APA

AbraCalc. (2026). Conversor de Cor HSL para RGB [Online calculator]. Retrieved from https://abracalc.com/pt/hsl-para-rgb/

BibTeX

@misc{abracalc-hsl-para-rgb, author = {AbraCalc}, title = {Conversor de Cor HSL para RGB}, year = {2026}, howpublished = {\url{https://abracalc.com/pt/hsl-para-rgb/}} }

Esta ferramenta respondeu à sua pergunta?

Como usar esta ferramenta

  1. Informe o matiz (0–360°), saturação (0–100%) e luminosidade (0–100%).
  2. A ferramenta gera os valores equivalentes de vermelho, verde e azul (0–255).
  3. Copie a string rgb() para o CSS ou leia os números individuais de R, G, B.

Converta valores HSL (Matiz, Saturação, Luminosidade) de volta para RGB para uso em imagens, Canvas, ou em qualquer lugar onde RGB seja necessário.

Fórmula

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.

Perguntas frequentes

Como funciona a conversão de HSL para RGB?
O algoritmo converte saturação/luminosidade em valores intermediários, depois mapeia o ângulo de matiz para canais separados de R, G, B usando uma função por partes.
O que é hsl(120, 100%, 50%)?
Isso é verde puro: rgb(0, 255, 0).

Referências e fontes