Conversor de Cor RGB para HSL
Converta valores de cor RGB para HSL (matiz, saturação, luminosidade) instantaneamente. Grátis, sem cadastro.
Esta ferramenta respondeu à sua pergunta?
Obrigado — isso nos ajuda a melhorar a ferramenta.
Como usar esta ferramenta
- Informe os valores de vermelho, verde e azul (cada um 0–255).
- A ferramenta calcula o matiz (0–360°), a saturação (0–100%) e a luminosidade (0–100%).
- Use o resultado hsl() diretamente no CSS.
Converta valores de cor RGB para o modelo de cor HSL (Matiz, Saturação, Luminosidade) usado em CSS e ferramentas de design.
Fórmula
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
Perguntas frequentes
- O que é HSL?
- HSL significa Matiz (Hue), Saturação, Luminosidade (Lightness). Representa cores em um modelo cilíndrico, tornando-o mais intuitivo do que RGB para ajustar brilho e saturação.
- Qual faixa o matiz usa?
- O matiz é medido em graus de 0 a 360, onde 0/360 é vermelho, 120 é verde e 240 é azul.