hex para hsl

Converter HEX para HSL

Ideal para quem pensa em cor por matiz e luminosidade em vez de canais RGB puros.

Cor de entrada

HEX: #a855f7
HSL: hsl(271, 91%, 65%)
HSLA: hsla(271, 91%, 65%, 1)

A conversão é puramente matemática e local. Nada é enviado para o servidor.

Continuar na ferramenta

Abrir ferramenta completa

Mais páginas desta ferramenta

Por que usar HSL

HSL facilita ajustes de matiz, saturação e luminosidade em temas, design tokens e sistemas de interface.
Continuamos convertendo tudo localmente, então o fluxo é rápido e não depende de API.

Exemplos HEX → HSL

Roxo de destaque

Entrada: #a855f7
Saída esperada: hsl(270, 91%, 65%)

Bom para design tokens e temas.

Laranja vivo

Entrada: #f97316
Saída esperada: hsl(24, 95%, 53%)

Outro caso útil para UI.

FAQ da ferramenta completa

A ferramenta converte a mesma cor entre HEX, RGB, HSL e outros formatos?

Sim. A proposta é mostrar representações equivalentes da mesma cor em formatos diferentes, facilitando uso em CSS, design systems, documentação visual e integração entre ferramentas de design e desenvolvimento.

HEX e RGB representam a mesma cor?

Qual é a diferença entre HEX, RGB e HSL?

O que significa o canal alpha de uma cor?

Por que a mesma cor pode parecer diferente em telas diferentes?

Quando faz mais sentido usar HSL em vez de HEX?

CMYK e RGB servem para a mesma coisa?

Toda conversão de cor é perfeita?

Perguntas frequentes

HSL é melhor que RGB?

Não necessariamente. Ele apenas fica mais intuitivo em certos ajustes visuais.

Posso usar o resultado direto no CSS?

Sim. O valor HSL destacado já sai pronto para uso.