Fatos principais
- Categoria
- Design
- Tipos de entrada
- textarea, select, color
- Tipo de saída
- text
- Cobertura de amostras
- 3
- API disponível
- Yes
Visão geral
O Conversor HSL para XYZ é uma ferramenta essencial para profissionais de design e engenharia de cores que precisam converter valores HSL (Matiz, Saturação, Luminosidade) para o espaço de cor CIE XYZ, garantindo precisão técnica em fluxos de trabalho de gerenciamento de cores.
Quando usar
- •Ao preparar ativos digitais para sistemas de gerenciamento de cores que exigem o padrão CIE XYZ.
- •Ao converter cores de interfaces web (CSS) para espaços de cores independentes de dispositivo.
- •Ao processar cores com transparência (canal alfa) para composição em diferentes fundos.
Como funciona
- •Insira seus valores HSL ou HSLA no campo de entrada, um por linha.
- •Selecione o formato de saída desejado, como o padrão CSS ou valores numéricos simples.
- •Escolha como o canal alfa deve ser tratado, optando por compor com uma cor de fundo ou ignorar a transparência.
- •Clique em converter para obter os valores XYZ correspondentes instantaneamente.
Casos de uso
Exemplos
1. Conversão de cor primária para CSS
Desenvolvedor Front-end- Contexto
- Preciso converter uma cor de marca definida em HSL para o formato XYZ compatível com as novas especificações de cores CSS.
- Problema
- Necessidade de precisão na conversão para manter a fidelidade visual da marca.
- Como usar
- Insira 'hsl(0, 100%, 50%)' na entrada e selecione o formato de saída 'xyz(X Y Z)'.
- Configuração de exemplo
-
format: css - Resultado
- O sistema gera 'xyz(0.4124 0.2126 0.0193)', pronto para uso em folhas de estilo.
2. Processamento de cores com transparência
Designer Gráfico- Contexto
- Trabalhando com elementos de interface semitransparentes que precisam ser convertidos para um espaço de cor absoluto.
- Problema
- Como converter cores com canal alfa (HSLA) sem perder a referência da cor final sobre um fundo branco.
- Como usar
- Insira 'hsla(240, 100%, 50%, 0.5)' e selecione a opção de compor com fundo branco.
- Configuração de exemplo
-
alphaHandling: white - Resultado
- A ferramenta calcula a cor resultante da mistura e fornece o valor XYZ correspondente à cor opaca final.
Testar com amostras
designHubs relacionados
FAQ
O que é o espaço de cor XYZ?
O CIE XYZ é um espaço de cor matemático que descreve todas as cores visíveis ao olho humano, servindo como base para outros modelos de cores.
Como o canal alfa é processado?
Você pode compor a cor com um fundo branco, preto, uma cor personalizada ou simplesmente ignorar o canal alfa.
Posso converter vários valores de uma vez?
Sim, a ferramenta aceita múltiplos valores HSL, desde que cada um seja inserido em uma nova linha.
Quais formatos de saída estão disponíveis?
Oferecemos formatos como xyz(X, Y, Z), sintaxe CSS, valores separados por vírgula ou formato rotulado (X:..., Y:..., Z:...).
A ferramenta suporta valores HSLA?
Sim, o conversor reconhece automaticamente valores com canal alfa (HSLA) e aplica a regra de composição escolhida.