Ferramenta de Temperatura de Cor

Ajustar a temperatura da cor deslocando cores entre tons quentes (vermelho/amarelo) e frios (azul), perfeito para iluminação de ambiente e efeitos atmosféricos

Deslocamento para tons quentes (positivo) ou frios (negativo)

Manter brilho original ao ajustar temperatura

Fatos principais

Categoria
Design e cor
Tipos de entrada
color, number, select, checkbox
Tipo de saída
html
Cobertura de amostras
2
API disponível
Yes

Visão geral

A Ferramenta de Temperatura de Cor permite ajustar com precisão o tom de qualquer cor, deslocando-a entre espectros quentes e frios. Ideal para designers e desenvolvedores, esta ferramenta facilita a criação de paletas equilibradas, iluminação de ambiente e efeitos atmosféricos consistentes.

Quando usar

  • •Para harmonizar paletas de cores em projetos de design de interface e web.
  • •Ao criar variações de iluminação para renderizações ou efeitos visuais.
  • •Para ajustar a percepção psicológica de uma cor, tornando-a mais acolhedora ou mais sóbria.

Como funciona

  • •Selecione a sua cor base no seletor de cores.
  • •Escolha o modo de ajuste, como Equilíbrio RGB ou Temperatura Kelvin.
  • •Desloque o controle de temperatura para a esquerda (frio) ou direita (quente).
  • •Visualize o resultado imediato com os códigos HEX, RGB e HSL correspondentes.

Casos de uso

Criação de esquemas de cores para interfaces de modo claro e escuro.
Ajuste de tons de pele ou iluminação em edição de imagens digitais.
Desenvolvimento de guias de estilo que exigem variações de temperatura para estados de botões.

Exemplos

1. Ajuste de Paleta para Interface Web

Designer UI
Contexto
Um designer precisa criar uma versão 'quente' de um botão azul padrão para um estado de destaque.
Problema
Ajustar manualmente o azul para um tom mais amarelado sem perder a saturação.
Como usar
Defina a cor base como #4A90E2, selecione o modo 'Equilíbrio RGB' e aplique um deslocamento positivo.
Configuração de exemplo
baseColor: #4A90E2, temperatureShift: 20, mode: rgb_balance
Resultado
Obtenção de um tom de azul mais suave e aquecido, mantendo a identidade visual da marca.

2. Simulação de Iluminação Atmosférica

Artista Digital
Contexto
O artista deseja simular uma luz de fim de tarde em uma cena que originalmente possui tons neutros.
Problema
Transformar cores neutras em tons quentes de pôr do sol de forma consistente.
Como usar
Use o modo 'Temperatura Kelvin' para aplicar um deslocamento quente significativo à cor base.
Configuração de exemplo
baseColor: #CCCCCC, temperatureShift: 50, mode: kelvin
Resultado
Cores convertidas para tons alaranjados e dourados, criando o efeito de iluminação desejado.

Testar com amostras

design
Exemplos de códigos de cor
Coleção de códigos de cor em vários formatos (Hex, RGB, HSL, cores com nome) para testes de validação
title token color
sample
Exemplos de Análise de Logs ELK Stack
Exemplos completos de ELK Stack para agregação, processamento e visualização de logs em sistemas distribuídos
task process
sample

Hubs relacionados

Ferramentas de conversao de espacos de cor para web e impressao
Ferramentas reunidas para conversao de espacos de cor entre web e impressao em um unico hub.
Geradores de efeitos CSS, paletas e tokens de design
Ferramentas reunidas para efeitos visuais em CSS, construcao de paletas e geracao de tokens de design em um unico hub.

FAQ

O que significa o deslocamento de temperatura?

O deslocamento move a cor em direção aos tons de azul (frio) ou amarelo/vermelho (quente), alterando a percepção térmica da cor.

Posso manter o brilho da cor original?

Sim, ao ativar a opção 'Preservar Luminosidade', a ferramenta ajusta apenas o tom, mantendo o brilho original da cor base.

Quais modos de ajuste estão disponíveis?

Você pode escolher entre Deslocamento de Tom, Equilíbrio RGB, Temperatura Kelvin e Calor Psicológico.

A ferramenta fornece os códigos da nova cor?

Sim, a ferramenta exibe automaticamente os valores em HEX, RGB e HSL da cor resultante.

É possível ver várias variações de uma vez?

Sim, ativando a opção 'Gerar Variações de Temperatura', você verá uma gama de tons baseados no seu ajuste.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/color-temperature

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
baseColor color Sim -
temperatureShift number Não Deslocamento para tons quentes (positivo) ou frios (negativo)
mode select Não -
preserveLuminance checkbox Não Manter brilho original ao ajustar temperatura
showOriginal checkbox Não -
showHexCodes checkbox Não -
showRgbValues checkbox Não -
showHslValues checkbox Não -
generateVariations checkbox Não -

Formato de resposta

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

Documentação de MCP

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

{
  "mcpServers": {
    "elysiatools-color-temperature": {
      "name": "color-temperature",
      "description": "Ajustar a temperatura da cor deslocando cores entre tons quentes (vermelho/amarelo) e frios (azul), perfeito para iluminação de ambiente e efeitos atmosféricos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-temperature",
      "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]