Elysia Tools
Navegação
Design
· Última atualização：2025-01-13
Converter valores de cor HSL para LCH para gerenciamento de cor com suporte de canal alfa
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 HSL para LCH permite transformar valores de cores do modelo HSL para o espaço de cor LCH, facilitando o gerenciamento de cores perceptualmente uniformes com suporte avançado para o canal alfa.
Contexto
Um designer está atualizando o sistema de design de um aplicativo para usar cores LCH.
Problema
Converter o azul primário 'hsl(240, 100%, 50%)' para o formato CSS LCH.
Como usar
Insira 'hsl(240, 100%, 50%)' na entrada, selecione o formato 'css' e processe.
Resultado
O valor é convertido para 'lch(45.29 101.19 301.36)', pronto para ser aplicado no CSS.
Contexto
Um desenvolvedor precisa converter um botão semi-transparente para LCH.
Problema
O valor 'hsla(0, 100%, 50%, 0.5)' precisa ser convertido mantendo a aparência visual sobre um fundo branco.
Como usar
Insira 'hsla(0, 100%, 50%, 0.5)', selecione 'Compor com fundo branco' e o formato 'lch'.
Resultado
A ferramenta calcula a cor resultante da composição e fornece o valor LCH equivalente para a cor opaca final.
LCH (Luminosidade, Croma, Matiz) é um espaço de cor perceptualmente uniforme, o que significa que as mudanças nos valores correspondem melhor à forma como o olho humano percebe as cores.
O conversor permite compor a cor com um fundo sólido (branco, preto ou personalizado) ou ignorar o canal alfa, dependendo da sua necessidade de design.
Sim, você pode inserir várias definições de cores HSL, uma por linha, e o conversor processará todas simultaneamente.
O formato LCH padrão usa vírgulas, enquanto o formato CSS utiliza a sintaxe moderna com espaços, ideal para uso direto em folhas de estilo.
Não, o conversor é uma ferramenta gratuita e baseada no navegador, sem necessidade de registro ou instalação.