Elysia Tools
Navegação
Design
Converter valores de cor LAB para HSL para exibição em tela
Execução
Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.
Exemplos
Relacionado
Pronto para executar
Guia de uso da ferramenta
O Conversor LAB para HSL é uma ferramenta essencial para designers e desenvolvedores que precisam traduzir cores do espaço CIELAB, focado na percepção humana, para o formato HSL, amplamente utilizado em CSS e interfaces digitais.
Contexto
Uma marca forneceu a cor principal no formato CIELAB (50, 20, 30).
Problema
O desenvolvedor precisa aplicar essa cor em um arquivo CSS usando o formato HSL.
Como usar
Inserir '50, 20, 30' no campo de entrada e selecionar o formato 'hsl(0,100%,50%)'.
Formato de saída: hslResultado
O conversor gera o código 'hsl(33, 20%, 50%)' pronto para ser copiado para o arquivo de estilos.
Contexto
O designer possui uma lista de cores em LAB extraídas de um software de impressão.
Problema
Precisa converter rapidamente uma lista de 10 cores para o formato legível 'H:S:L' para documentação.
Como usar
Colar a lista de valores LAB e selecionar a opção 'H:0 S:100% L:50%'.
Formato de saída: labeledO CIELAB é um espaço de cor que descreve todas as cores visíveis ao olho humano, sendo independente do dispositivo.
O HSL é mais intuitivo para manipulação em interfaces web e CSS, facilitando ajustes de matiz, saturação e brilho.
A ferramenta aceita strings como 'lab(50,0,0)', valores separados por vírgula ou apenas os números L, A e B.
Como o LAB e o HSL possuem gamas diferentes, pequenas variações podem ocorrer devido ao arredondamento matemático necessário para a exibição em tela.
Sim, você pode inserir uma lista de valores LAB, um por linha, para processar múltiplos registros simultaneamente.
Resultado
Uma lista formatada com rótulos claros para cada componente da cor, facilitando a documentação do design system.