Categorias

Conversor XYZ para HSL

Converter valores de cor XYZ para HSL para exibição em tela

Fatos principais

Categoria
Design
Tipos de entrada
textarea, select
Tipo de saída
text
Cobertura de amostras
3
API disponível
Yes

Visão geral

O Conversor XYZ para HSL é uma ferramenta essencial para designers e desenvolvedores que precisam traduzir coordenadas de cores do espaço CIE XYZ para o modelo HSL, facilitando a manipulação de matiz, saturação e luminosidade em projetos digitais.

Quando usar

  • Ao converter perfis de cores técnicos do padrão CIE XYZ para formatos amigáveis à web.
  • Quando você precisa ajustar a luminosidade ou saturação de uma cor baseada em dados de medição colorimétrica.
  • Ao preparar paletas de cores para interfaces de usuário que exigem valores HSL para CSS.

Como funciona

  • Insira os valores XYZ no campo de entrada, aceitando formatos como coordenadas simples, prefixadas ou em linhas separadas.
  • Selecione o formato de saída desejado, como o padrão CSS, valores numéricos ou formato rotulado.
  • Clique no botão de conversão para processar os dados instantaneamente.
  • Copie o resultado gerado para utilizar diretamente no seu código ou software de design.

Casos de uso

Padronização de cores para desenvolvimento front-end usando CSS.
Ajuste de tons em sistemas de design baseados em medições colorimétricas.
Conversão rápida de dados de sensores de cor para uso em interfaces digitais.

Exemplos

1. Conversão para CSS Web

Desenvolvedor Front-end
Contexto
Recebi valores de um espectrofotômetro no formato XYZ e preciso aplicá-los em um arquivo CSS.
Problema
O CSS não aceita valores XYZ diretamente, exigindo a conversão para HSL.
Como usar
Cole os valores XYZ e selecione a opção 'hsl(0, 100%, 50%)' no formato de saída.
Configuração de exemplo
Formato: css
Resultado
Obtenção de valores prontos para uso na propriedade 'background-color' do CSS.

2. Ajuste de Paleta de Design

Designer UI
Contexto
Preciso criar variações de brilho para uma cor base definida por coordenadas XYZ.
Problema
É difícil calcular variações de brilho manualmente no espaço XYZ.
Como usar
Converta o XYZ para o formato 'H:0 S:100% L:50%' para identificar facilmente o valor de luminosidade (L).
Configuração de exemplo
Formato: labeled
Resultado
Identificação clara dos componentes HSL para criar variações de tons com precisão.

Testar com amostras

design

Hubs relacionados

FAQ

O que é o espaço de cor XYZ?

O CIE XYZ é um modelo matemático que representa todas as cores visíveis ao olho humano, servindo como base para outros espaços de cor.

Por que converter XYZ para HSL?

O HSL é mais intuitivo para humanos e ideal para CSS, permitindo ajustar facilmente o brilho e a intensidade de uma cor.

Quais formatos de entrada são aceitos?

A ferramenta aceita valores separados por vírgula, coordenadas prefixadas como 'xyz(x,y,z)' ou valores simples em linhas distintas.

Posso converter várias cores de uma vez?

Sim, você pode inserir múltiplos conjuntos de valores XYZ, um por linha, para processamento em lote.

O conversor é preciso?

Sim, utilizamos fórmulas de conversão padrão da indústria para garantir a precisão matemática entre os espaços de cor.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/xyz-to-hsl-converter

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
xyz textarea Sim -
format select Sim -

Formato de resposta

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Texto: Texto

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP:

{
  "mcpServers": {
    "elysiatools-xyz-to-hsl-converter": {
      "name": "xyz-to-hsl-converter",
      "description": "Converter valores de cor XYZ para HSL para exibição em tela",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=xyz-to-hsl-converter",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]