# 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

> Página canônica: https://elysiatools.com/pt/tools/color-tetrad

- **Categoria:** Design

- **Palavras-chave:** cor, tétrade, tetrádico, retângulo, quatro cores, harmonia de cor, esquema de cor, relacionamentos complexos, pares complementares

## 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.

## Entradas

- **Cor Base** (color)
- **Tipo de Retângulo** (select)
- **Ajuste de Matiz (graus)** (number): Ajuste de ângulo personalizado para tipo de retângulo
- **Ajuste de Saturação** (number): Multiplicador de saturação (0.5-2.0)
- **Ajuste de Luminosidade** (number): Ajustar luminosidade (-0.3 a 0.3)
- **Incluir Cor Base** (checkbox)
- **Mostrar Códigos HEX** (checkbox)
- **Mostrar Valores RGB** (checkbox)
- **Mostrar Valores HSL** (checkbox)
- **Gerar Variações de Cor** (checkbox)

## 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.

## Perguntas frequentes

### 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.

## Ferramentas relacionadas

- [Cores Analógicas](https://elysiatools.com/pt/tools/color-analogous): Gerar esquemas de cores análogas harmoniosas com cores adjacentes na roda de cores, criando combinações unificadas e pacíficas
- [Complemento de Cor](https://elysiatools.com/pt/tools/color-complement): Encontrar cores complementares e criar esquemas harmoniosos com relacionamentos triádicos, tetraédricos e análogos
- [Gerador de Gradiente de Cores](https://elysiatools.com/pt/tools/color-gradient-generator): Gera gradientes de cores suaves entre múltiplas cores com passos e formatos personalizáveis
- [Deslocador de Matiz de Cor](https://elysiatools.com/pt/tools/color-hue-shifter): Desloque matizes de cores e crie variações com controles de rotação horária/antihorária
- [Inversor de Cor](https://elysiatools.com/pt/tools/color-inverter): Inverter cores e criar versões negativas com métodos de inversão RGB, HSL e brilho
- [Gerador de Esquemas de Cores](https://elysiatools.com/pt/tools/color-scheme-generator): Gera esquemas de cores e paletas profissionais para projetos de design
- [Gerador de Sombras de Cor](https://elysiatools.com/pt/tools/color-shade): Gere variações mais escuras de uma cor adicionando preto, criando sombras ricas para profundidade e contraste no design
- [Ferramenta de Cores Complementares Divididas](https://elysiatools.com/pt/tools/color-split-complement): Criar contraste harmonioso com esquemas de cores complementares divididas usando uma cor base e duas cores adjacentes ao seu complemento

## Exemplos

- [Exemplos de códigos de cor](https://elysiatools.com/pt/samples/color-code): Coleção de códigos de cor em vários formatos (Hex, RGB, HSL, cores com nome) para testes de validação
- [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato
- [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato
- [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato

## Conteúdo relacionado

- [Ferramentas para sistemas de cores acessíveis](https://elysiatools.com/pt/hubs/color-design-tools): Crie um sistema de cores reutilizável transformando cores, gerando harmonias, verificando contraste e visão de cores e documentando tokens.
- [Fluxo de sistema de cores e efeitos CSS](https://elysiatools.com/pt/hubs/design-generate): Extrair uma paleta, construir relacoes acessiveis, gerar tokens e aplicar efeitos CSS coerentes em estados reais de interface.
