Conversor HSL para HEX

O que é Conversor HSL para HEX

Esta ferramenta converte valores HSL (Matiz, Saturação, Luminosidade) para códigos de cor HEX. Insira o matiz (0–360°), a saturação (0–100%) e a luminosidade (0–100%) e obtenha o código HEX correspondente. Útil quando você criou uma paleta em uma ferramenta baseada em HSL e precisa da string HEX para um arquivo CSS.

Como usar

1. Insira os valores de Matiz (0–360), Saturação (0–100) e Luminosidade (0–100) nos campos HSL.
2. O código HEX e os valores RGB atualizam instantaneamente.
3. Clique no botão de copiar ao lado de HEX para copiar o código #RRGGBB.
4. Alterne entre todos os 6 conversores usando os links de modo no topo.

Quando usar

Escolheu a cor num seletor HSL mas o tema do Tailwind pede HEX? Insira hsl(217, 91%, 60%) e copie #3B82F6 direto para o seu tailwind.config.js. Assim você ajusta a cor no formato HSL e entrega o código certo para o CSS sem chutar a conversão.

Perguntas frequentes