Elysia Tools
Navegação
Design
· Última atualização：2025-01-13
Converter valores de cor LCH 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
Guia de uso da ferramenta
O Conversor LCH para HSL é uma ferramenta essencial para designers e desenvolvedores que precisam traduzir cores do espaço LCH, focado na percepção humana, para o formato HSL, amplamente suportado em navegadores e interfaces digitais.
Contexto
O designer enviou uma paleta de cores no formato LCH, mas o projeto utiliza apenas variáveis CSS HSL.
Problema
Necessidade de converter rapidamente os valores para aplicar no arquivo de estilos.
Como usar
Cole 'lch(50, 50, 180)' na entrada e selecione o formato de saída 'hsl(0, 100%, 50%)'.
Resultado
O código CSS pronto para ser copiado e colado diretamente no arquivo de estilos do projeto.
Contexto
Preciso apenas dos números brutos para alimentar uma função de manipulação de cores em JavaScript.
Problema
O formato CSS padrão inclui parênteses e símbolos de porcentagem que dificultam o uso direto no script.
Como usar
Insira os valores LCH e selecione a opção de saída '0,100,50'.
Resultado
Valores numéricos limpos, prontos para serem utilizados em cálculos matemáticos dentro do código.
LCH (Luminosidade, Croma, Matiz) é um espaço de cor baseado na percepção humana, projetado para ser mais intuitivo e uniforme do que outros modelos.
O HSL é amplamente suportado em todas as linguagens de programação web e navegadores, facilitando a implementação de estilos CSS.
Sim, você pode inserir múltiplas definições de cor LCH no campo de entrada, uma por linha, para processamento em lote.
Como os espaços de cor são matematicamente diferentes, pode haver pequenas variações de arredondamento, mas os valores são otimizados para exibição em tela.
Esta ferramenta foca na conversão dos componentes de cor LCH para HSL; valores de opacidade devem ser tratados separadamente no seu código CSS.