Ferramenta de Tétrade de Cores

Gerar esquemas de cores tétricas com quatro cores dispostas em padrões retangulares na roda de cores, criando relacionamentos de cores ricos e complexos

Ajuste de ângulo personalizado para tipo de retângulo

Multiplicador de saturação (0.5-2.0)

Ajustar luminosidade (-0.3 a 0.3)

Fatos principais

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

Visão geral

A Ferramenta de Tétrade de Cores permite criar esquemas harmônicos compostos por quatro cores, organizadas em padrões retangulares ou quadrados na roda de cores para gerar contrastes ricos e composições visuais equilibradas.

Quando usar

  • •Quando você precisa de uma paleta vibrante e diversificada para design de interfaces ou artes gráficas.
  • •Ao buscar um equilíbrio entre cores quentes e frias usando pares complementares.
  • •Para criar esquemas de cores complexos que exigem contraste e profundidade em projetos visuais.

Como funciona

  • •Selecione uma cor base no seletor para servir como ponto de partida para o esquema.
  • •Escolha o tipo de disposição geométrica, como 'Quadrado' ou 'Retângulo', para definir a relação entre as cores.
  • •Ajuste os parâmetros de saturação e luminosidade para refinar a intensidade e o tom das cores geradas.
  • •Visualize os códigos HEX, RGB e HSL resultantes para aplicar diretamente em seu software de design.

Casos de uso

Criação de paletas para identidades visuais que exigem alto impacto e contraste.
Desenvolvimento de esquemas de cores para ilustrações digitais e arte conceitual.
Definição de cores para dashboards de dados onde diferentes categorias precisam de distinção clara.

Exemplos

1. Paleta para Dashboard de Dados

Designer de UI
Contexto
O designer precisa de quatro cores distintas para representar diferentes categorias de métricas em um painel administrativo.
Problema
As cores precisam ser visualmente distintas, mas harmoniosas entre si para não sobrecarregar o usuário.
Como usar
Definir a cor base da marca, selecionar o modo 'Quadrado' e ajustar a luminosidade para garantir legibilidade.
Configuração de exemplo
baseColor: #3498db, rectangleType: square, lightnessAdjust: 0.1
Resultado
Uma paleta equilibrada com quatro cores que mantêm a identidade da marca e garantem contraste entre os gráficos.

2. Esquema de Cores para Ilustração

Ilustrador Digital
Contexto
O ilustrador busca uma composição vibrante para uma arte promocional de verão.
Problema
Dificuldade em encontrar cores que criem um contraste dinâmico sem parecerem desconexas.
Como usar
Usar o modo 'Pares Complementares' com uma cor base quente e ajustar a saturação para maior vivacidade.
Configuração de exemplo
baseColor: #FF6B6B, rectangleType: complementary_pairs, saturationAdjust: 1.5
Resultado
Um conjunto de cores ricas que criam um efeito visual energético e profissional para a ilustração.

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
Amostras ICS do Agendador por Fuso Horario
Arquivos ICS na mesma estrutura retornada pelo Time Zone Workflow Scheduler, com varios VEVENT de horarios candidatos
task generate
sample
Exemplos PDF
Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
task generate
sample

Hubs relacionados

Ferramentas de Design para Generate
Explore 19 ferramentas de design para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Design para Convert
Explore 98 ferramentas de design para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Json para Generate
Explore 33 ferramentas de json para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Pdf para Generate
Explore 11 ferramentas de pdf para fluxos de generate e encontre utilitários próximos com rapidez.

FAQ

O que é um esquema de cores tetrádico?

É uma combinação de quatro cores que formam um retângulo ou quadrado na roda de cores, oferecendo alto contraste e variedade.

Posso personalizar a distância entre as cores?

Sim, utilizando a opção 'Retângulo Personalizado' e o 'Ajuste de Matiz', você pode definir ângulos específicos entre as cores.

Como a saturação e luminosidade afetam o resultado?

Esses ajustes permitem suavizar ou intensificar as cores geradas, garantindo que a paleta se adeque ao estilo do seu projeto.

Quais formatos de cor são exibidos?

A ferramenta exibe os valores em HEX, RGB e HSL, facilitando a integração com diversas ferramentas de edição.

É possível incluir a cor base no resultado final?

Sim, basta marcar a opção 'Incluir Cor Base' para que ela seja exibida junto às outras três cores geradas.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/color-tetrad

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
baseColor color Sim -
rectangleType select Não -
hueAdjustment number Não Ajuste de ângulo personalizado para tipo de retângulo
saturationAdjust number Não Multiplicador de saturação (0.5-2.0)
lightnessAdjust number Não Ajustar luminosidade (-0.3 a 0.3)
includeOriginal checkbox Não -
showHexCodes checkbox Não -
showRgbValues checkbox Não -
showHslValues checkbox Não -
generatePalette 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-tetrad": {
      "name": "color-tetrad",
      "description": "Gerar esquemas de cores tétricas com quatro cores dispostas em padrões retangulares na roda de cores, criando relacionamentos de cores ricos e complexos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-tetrad",
      "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]