Conversor de Cor RGB para HSL
Transforme valores de canais vermelho, verde e azul no modelo de cor HSL, fornecendo a matiz em graus mais a saturação e a luminosidade como porcentagens.
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.
Como esta calculadora funciona?
Divida cada canal RGB por 255, depois pegue o máximo e o mínimo. A luminosidade é a média deles, a saturação é o croma dividido por (1 − |2L − 1|), e a matiz vem do canal dominante. O resultado é o HSL: matiz em graus mais saturação e luminosidade como porcentagens.
Fórmula
How this is calculated
Insira os três canais RGB (R, G, B), cada um de 0 a 255. Os valores são limitados a esse intervalo e divididos por 255 para que cada canal se torne uma fração entre 0 e 1. A maior das três frações é o max e a menor é o min.
A luminosidade é o ponto médio dos extremos, L = (max + min) / 2. O croma d = max − min impulsiona a saturação: S = d / (1 − |2L − 1|), que é 0 para qualquer cinza onde o max é igual ao min. A matiz é encontrada a partir de qual canal é o máximo — o vermelho dá 60·(((g−b)/d) mod 6), o verde dá 60·((b−r)/d + 2) e o azul dá 60·((r−g)/d + 4); um resultado negativo é ajustado adicionando 360.
As saídas são H em graus (0–360°), e S e L escalados em porcentagens (×100). Para cinzas puros (R = G = B), matiz e saturação são ambos 0 e apenas a luminosidade varia. A conversão é exata e sem perdas, exceto pelo arredondamento de porcentagem exibido.
Perguntas frequentes
Quando R, G e B são idênticos, a cor é um tom de cinza, então o croma (max − min) é zero. Sem conteúdo de cor, não há matiz nem saturação, apenas a luminosidade muda de preto para branco.
A matiz é informada em graus de 0 a 360°, enquanto a saturação e a luminosidade são porcentagens de 0% a 100%. Isso corresponde à notação CSS hsl(), então você pode colar os valores diretamente nas folhas de estilo.
Não. A luminosidade do HSL é a média dos canais mais claro e mais escuro, então cores puras ficam em 50% de luminosidade. O valor do HSV usa apenas o canal máximo, então os dois modelos informam números diferentes para a mesma cor.
Também conhecido como
TG we-Calculate Editorial Team. (2026). Conversor de Cor RGB para HSL [Online calculator]. TG we-Calculate. https://we-calculate.com/pt/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Conversor de Cor RGB para HSL." TG we-Calculate. 2026. https://we-calculate.com/pt/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Conversor de Cor RGB para HSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/pt/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {Conversor de Cor RGB para HSL}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/pt/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Esta calculadora ajudou você?