Conversor HSL para RGB

O que é Conversor HSL para RGB

Esta ferramenta converte valores HSL (Matiz 0–360°, Saturação 0–100%, Luminosidade 0–100%) para valores RGB (Vermelho, Verde, Azul, cada um 0–255). Use quando você tem uma cor no formato HSL — comum em CSS e sistemas de design — e precisa do equivalente RGB para JavaScript, processamento de imagem ou ferramentas de design.

Como usar

1. Insira os valores de Matiz (0–360), Saturação (0–100) e Luminosidade (0–100) nos campos HSL.
2. Os valores RGB e HEX atualizam instantaneamente.
3. Clique no botão de copiar ao lado de RGB para copiar no formato rgb(r, g, b).
4. Alterne entre todos os 6 conversores usando os links de modo no topo.

Quando usar

Gerando cores em JavaScript e variando o matiz de 0–360 para um efeito arco-íris? Na hora de escrever os pixels em um objeto Canvas ImageData, você precisa dos valores R, G, B separados em bytes, não de uma string hsl(). Converta cada saída hsl() para rgb() aqui e pegue os números de cada canal prontos para jogar direto no array.

Perguntas frequentes