Conversor de HSL para RGB
Converta valores de cor HSL e HSLA para códigos RGB instantaneamente no navegador.
Converta qualquer cor HSL ou HSLA para um código RGB instantaneamente com este conversor de HSL para RGB online e gratuito. Digite valores como hsl(243, 75%, 59%) (ou apenas 243, 75%, 59%), ou escolha uma cor com a paleta, e receba na hora o rgb(80, 72, 229) correspondente. Ele aceita números simples separados por vírgula, strings hsl() e hsla() e um canal alfa opcional que vira um valor rgba() — e tudo roda no seu navegador, sem nada para instalar.
O que é um conversor de HSL para RGB?
Um conversor de HSL para RGB transforma valores de matiz, saturação e luminosidade em vermelho, verde e azul. O HSL descreve uma cor do jeito que as pessoas costumam pensar nela: um ângulo de matiz na roda de cores (0–360°), uma porcentagem de saturação e uma porcentagem de luminosidade. O RGB descreve a mesma cor como uma mistura de três canais de luz de 0 a 255, que é o formato esperado pela maioria das ferramentas gráficas, canvas e CSS mais antigo. Converter de HSL para RGB deixa você projetar com controles intuitivos de matiz e luminosidade e ainda entregar os valores exatos de canal que o seu código precisa.
Como converter HSL para RGB
O matiz escolhe uma cor base na roda, a saturação controla quão viva ela é e a luminosidade controla quão clara ou escura ela fica. O conversor mapeia o matiz para um de seis segmentos de 60°, mistura os canais usando a croma derivada da saturação e da luminosidade e então desloca tudo para que o resultado fique na faixa de 0 a 255. Por exemplo, hsl(243, 75%, 59%) vira rgb(80, 72, 229). Se você incluir um valor alfa entre 0 e 1, ele é preservado como um valor rgba().
- Digite ou cole os valores HSL no campo HSL (hsl(...), hsla(...) ou números simples funcionam).
- Veja o código RGB e, ao adicionar transparência, o valor RGBA, atualizados enquanto você digita.
- Use a paleta de cores se preferir escolher uma cor visualmente.
- Clique em Copiar para copiar o formato que você precisa.
Por que usar este conversor de HSL para RGB?
- 100% gratuito, sem anúncios, cadastro ou limites.
- Conversão instantânea enquanto você digita.
- Aceita hsl(), hsla() e números simples separados por vírgula.
- Gera rgb() pronto para usar e rgba() quando há transparência.
- Roda inteiramente no seu navegador — suas cores nunca saem do seu dispositivo.
Perguntas frequentes
Como converto uma cor HSL para RGB?
Use o matiz para escolher uma cor base na roda, depois derive a croma a partir da saturação e da luminosidade, misture os canais vermelho, verde e azul para esse matiz e desloque-os para a faixa de 0 a 255. Por exemplo, hsl(243, 75%, 59%) vira rgb(80, 72, 229). Esta ferramenta faz a conta automaticamente.
Quais formatos HSL ela aceita?
Você pode colar hsl(243, 75%, 59%), hsla(243, 75%, 59%, 0.5) ou apenas números simples como 243, 75%, 59%. Os sinais de porcentagem são opcionais, e espaços, vírgulas e barras entre os valores funcionam.
Ela converte HSLA com transparência para RGB?
Sim. Quando você inclui um valor alfa entre 0 e 1, o resultado também mostra um valor rgba() em que o último número é o canal alfa, como rgba(80, 72, 229, 0.5).
Qual é a diferença entre HSL e RGB?
Eles descrevem a mesma cor de formas diferentes. O HSL usa um ângulo de matiz, uma porcentagem de saturação e uma porcentagem de luminosidade, enquanto o RGB mistura três canais de luz de 0 a 255. O HSL costuma ser mais fácil de ajustar à mão, mas o RGB é o que a maioria do código de renderização e dos formatos de imagem usa internamente. Navegadores modernos e o CSS aceitam os dois.