Pular para o conteúdo
FileTinker

Conversor de HEX para HSL

Digite uma cor em HEX e o FileTinker a converte para HSL em tempo real, junto com os outros formatos. Todos os valores são editáveis e prontos para usar em CSS ou em uma ferramenta de design. Tudo funciona no seu navegador.

Mais predefinições

Vá para outra predefinição — cada uma abre na própria página, pronta para usar:

Como converter HEX para HSL

  1. Digite seu valor em HEX no campo correspondente, ou escolha uma cor na paleta.
  2. Leia o valor em HSL enquanto ele atualiza instantaneamente.
  3. Copie — pronto para usar em CSS ou na sua ferramenta de design.

Sobre converter HEX para HSL

HEX e HSL descrevem a mesma cor na tela em notações diferentes, e converter entre elas é tarefa do dia a dia no design web e gráfico. Esta página foca em HEX para HSL, mas mostra HEX, RGB e HSL juntos para você sempre ter todos os formatos à mão.

Tudo funciona no seu navegador, então é instantâneo e privado — sem envio, sem cadastro. Edite qualquer campo e os outros se atualizam, incluindo a pré-visualização ao vivo e o seletor de cor nativo.

Perguntas frequentes

Como converter HEX para HSL?

Digite ou cole seu valor em HEX (ou escolha uma cor na paleta) e leia o valor em HSL na hora — ele atualiza instantaneamente. Copie com um clique.

Os valores estão prontos para CSS?

O valor em HSL aparece ao lado de HEX, RGB, HSL e HSV — copie o que você precisar. HEX, RGB e HSL você cola direto no CSS; HSV (HSB) é uma notação de ferramentas de design, e não uma função CSS.

Dá para converter no sentido contrário?

Sim. Todos os campos são editáveis, então você também pode ir de HSL de volta para HEX, ou para qualquer outro formato — todos ficam sincronizados.

Algo é enviado?

Não. Toda a conversão funciona no seu navegador; nada é enviado para lugar nenhum.