Categorias

← View All Tools

Conversor HSL para LAB

Converter valores de cor HSL para LAB para gerenciamento de cor com suporte de canal alfa

Cor de fundo personalizada para composição alfa (usada quando Fundo Personalizado é selecionado)

Fatos principais

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

Visão geral

O Conversor HSL para LAB permite transformar valores de cor HSL (Matiz, Saturação, Luminosidade) para o espaço de cor CIELAB, garantindo precisão na gestão de cores e suporte para o tratamento de transparência (canal alfa).

Quando usar

  • •Ao preparar cores para impressão ou fluxos de trabalho que exigem o espaço de cor CIELAB.
  • •Quando você precisa converter cores web (HSL) para um formato independente de dispositivo.
  • •Ao lidar com cores semitransparentes que precisam ser normalizadas para um fundo sólido específico.

Como funciona

  • •Insira seus valores HSL ou HSLA no campo de entrada, utilizando formatos como 'hsl(0,100%,50%)' ou '0,100,50'.
  • •Escolha o formato de saída desejado, como a sintaxe CSS padrão ou valores simples separados por vírgula.
  • •Selecione como o canal alfa deve ser processado, optando por compor com uma cor de fundo ou ignorar a transparência.
  • •Clique em converter para obter os valores LAB correspondentes instantaneamente.

Casos de uso

Padronização de cores para sistemas de design que exigem consistência visual entre web e impressão.
Conversão de paletas de cores digitais para perfis de cores profissionais.
Ajuste de cores com transparência para garantir que a percepção visual seja mantida em diferentes fundos.

Exemplos

1. Conversão de cor primária para CSS

Designer Web
Contexto
Preciso converter uma cor de destaque HSL para o formato LAB para uso em uma folha de estilo CSS moderna.
Problema
O sistema de design exige o formato LAB para cálculos de contraste.
Como usar
Insira 'hsl(240, 100%, 50%)' e selecione o formato de saída 'lab(50 0 0)'.
Configuração de exemplo
format: css
Resultado
O conversor gera o valor 'lab(32.29 -79.19 -107.86)' pronto para uso no CSS.

2. Normalização de cores com transparência

Desenvolvedor Front-end
Contexto
Tenho uma lista de cores HSLA com transparência que precisam ser convertidas para LAB sobre um fundo branco.
Problema
O canal alfa precisa ser achatado para manter a aparência correta no espaço LAB.
Como usar
Cole a lista de cores HSLA, selecione 'Compor com fundo branco' e escolha o formato '50,0,0'.
Configuração de exemplo
alphaHandling: white, format: simple
Resultado
Valores LAB calculados com base na cor final resultante após a composição com o fundo branco.

Testar com amostras

design
Exemplos SVG
Exemplos de Gráficos Vetoriais Escaláveis (SVG) demonstrando vários recursos e técnicas SVG
keywords lab
sample
Amostras de Conversor Hex/Unicode
Amostras de teste para conversão de sequências de escape hex e unicode
task convert
sample
Exemplos de Comunicação em Tempo Real WebRTC
Exemplos completos WebRTC para comunicação áudio/vídeo P2P, canais de dados, compartilhamento de tela e servidor de sinalização
keywords screen
sample
Amostras de Conversor de Maiúsculas/Minúsculas
Amostras de teste para conversão de maiúsculas/minúsculas entre diferentes convenções de nomenclatura
task convert
sample

Hubs relacionados

Ferramentas de Design para Convert
Explore 98 ferramentas de design para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Design para Generate
Explore 19 ferramentas de design para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Image para Convert
Explore 100 ferramentas de image para fluxos de convert e encontre utilitários próximos com rapidez.

FAQ

O que é o espaço de cor LAB?

O CIELAB é um espaço de cor que descreve todas as cores visíveis ao olho humano, sendo ideal para medições precisas e consistência entre diferentes dispositivos.

Como o conversor lida com o canal alfa?

Você pode compor a cor com um fundo branco, preto, uma cor personalizada ou simplesmente ignorar o canal alfa.

Posso converter várias cores de uma vez?

Sim, você pode inserir várias definições de cores, uma por linha, para processamento em lote.

Qual a diferença entre os formatos de saída?

Os formatos variam entre a sintaxe CSS (lab(L A B)), valores simples (L,A,B) ou rótulos legíveis (L:X A:Y B:Z) para facilitar a cópia e colagem.

A conversão é precisa?

Sim, o conversor utiliza fórmulas matemáticas padrão para garantir a fidelidade na transição entre os espaços de cor HSL e LAB.

Documentação da API

Ponto final da solicitação

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

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
hsl textarea Sim -
format select Sim -
alphaHandling select Sim -
customBackground color Não Cor de fundo personalizada para composição alfa (usada quando Fundo Personalizado é selecionado)

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-hsl-to-lab-converter": {
      "name": "hsl-to-lab-converter",
      "description": "Converter valores de cor HSL para LAB para gerenciamento de cor com suporte de canal alfa",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=hsl-to-lab-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]