Converter HSL para RGB
Digite matiz, saturação e luminosidade e obtenha os valores correspondentes dos canais vermelho, verde e azul de 0 a 255.
Entrada hsl
Resultado · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Como usar: HSL para RGB
- 1
Insira uma cor
Digite um código de cor ou escolha uma cor com o seletor: cada campo aceita o formato que exibe.
- 2
Veja a conversão
O resultado é atualizado instantaneamente enquanto você digita, junto com uma pré-visualização da cor em tempo real.
- 3
Copie o código
Copie o valor de que precisa com um clique e cole-o no seu design, no seu CSS ou nas configurações de impressão.
Do HSL ao RGB
O HSL é uma forma confortável de criar cores: você escolhe um matiz na roda de cores (0° é vermelho, 120° verde, 240° azul) e depois define a saturação — o quanto a cor é viva — e a luminosidade, em que 0% é preto, 50% é o matiz puro e 100% é branco. As telas, porém, trabalham com RGB, o brilho de seus subpixels vermelho, verde e azul, então uma cor HSL é sempre convertida antes de ser exibida.
Você precisa dos valores RGB quando um software não aceita HSL: muitos editores gráficos, APIs de cor do Android e do iOS, fitas de LED, motores de jogos e bibliotecas de gráficos esperam três números de canal. Digite os três valores HSL e a ferramenta mostra o resultado RGB junto com HEX, HSV e CMYK. Por exemplo, hsl(200, 80%, 40%) dá rgb(20, 129, 184). Como o HSL é digitado em números inteiros, entradas vizinhas às vezes geram a mesma cor RGB.
Tudo funciona localmente no seu navegador: suas imagens nunca são enviadas para um servidor.