Conversor de HSL para HEX

O que é um conversor de HSL para HEX?

Um conversor de HSL para HEX transforma valores de matiz, saturação e luminosidade em um código de cor hexadecimal. O HSL descreve uma cor da forma como 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 HEX descreve a mesma cor como um código de seis dígitos, como #4f46e5, que é o formato usado por CSS, ferramentas de design e a maioria dos sites para definir cores. Converter de HSL para HEX permite projetar com controles intuitivos de matiz e luminosidade e ainda colar o código exato que sua folha de estilo precisa.

Como converter HSL para HEX

A matiz escolhe uma cor base na roda, a saturação controla o quão viva ela é e a luminosidade controla o quão clara ou escura ela é. O conversor primeiro mapeia o HSL para os canais de vermelho, verde e azul no intervalo de 0 a 255, depois escreve cada canal como um par hexadecimal de dois dígitos e os junta após um #. Por exemplo, hsl(243, 75%, 59%) vira #5048e5. Se você incluir um valor alfa entre 0 e 1, ele é anexado como um terceiro par para formar um código de 8 dígitos #rrggbbaa.

1. Digite ou cole valores HSL no campo HSL (hsl(...), hsla(...) ou números simples funcionam).
2. Leia o código HEX e, quando adicionar alfa, o valor HEX de 8 dígitos, atualizado conforme você digita.
3. Use o seletor de cores se preferir escolher uma cor visualmente.
4. Clique em Copiar para copiar o formato que precisar.

Por que usar este conversor de HSL para HEX?

• 100% gratuito, sem anúncios, cadastro ou limites.
• Conversão instantânea conforme você digita.
• Aceita hsl(), hsla() e números simples separados por vírgula.
• Gera #rrggbb pronto para uso, além de #rrggbbaa de 8 dígitos quando você inclui alfa.
• Roda inteiramente no seu navegador — suas cores nunca saem do seu dispositivo.

Perguntas frequentes