# Complemento de Cor

Encontrar cores complementares e criar esquemas harmoniosos com relacionamentos triádicos, tetraédricos e análogos

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

- **Categoria:** Design

- **Palavras-chave:** cor, complemento, harmonia, esquema, triádico, tetraédrico, análogo, teoria das cores, roda de cores

## Visão geral

O Complemento de Cor é uma ferramenta essencial para designers e criativos que buscam gerar paletas harmoniosas baseadas na teoria das cores, permitindo explorar relacionamentos como esquemas complementares, triádicos, tetraédricos e análogos a partir de uma cor base.

## Entradas

- **Cor Base** (color)
- **Tipo de Esquema de Cores** (select)
- **Incluir Cor Base** (checkbox)
- **Mostrar Códigos HEX** (checkbox)
- **Mostrar Valores RGB** (checkbox)
- **Mostrar Valores HSL** (checkbox)
- **Gerar Paleta Estendida** (checkbox)

## Quando usar

- Ao definir a identidade visual de uma nova marca ou projeto de design.
- Para criar esquemas de cores equilibrados em interfaces de usuário (UI) e web design.
- Quando precisar de sugestões rápidas de cores que combinem entre si para ilustrações ou apresentações.

## Como funciona

- Selecione a sua cor base utilizando o seletor de cores.
- Escolha o tipo de esquema de cores desejado, como complementar, triádico ou análogo.
- Ative as opções de exibição para visualizar os códigos HEX, RGB e HSL das cores geradas.
- Copie os valores gerados para aplicar diretamente em seu software de edição ou código CSS.

## Casos de uso

- Criação de paletas de cores para sites e aplicativos.
- Desenvolvimento de guias de estilo e identidade visual.
- Seleção de cores para materiais de marketing e artes gráficas.

## Perguntas frequentes

### O que é um esquema de cores complementar?

É um esquema que utiliza duas cores opostas na roda de cores, criando um contraste vibrante e de alto impacto.

### Posso ver os valores em diferentes formatos?

Sim, a ferramenta permite exibir os códigos em formato HEX, RGB e HSL simultaneamente.

### O que diferencia o esquema triádico do tetraédrico?

O esquema triádico utiliza três cores equidistantes na roda, enquanto o tetraédrico utiliza quatro cores, formando dois pares complementares.

### A ferramenta permite incluir a cor original na paleta?

Sim, basta marcar a opção 'Incluir Cor Base' para que ela seja exibida junto com as cores geradas pelo esquema.

### Preciso de conhecimento técnico em design para usar?

Não, a ferramenta automatiza os cálculos matemáticos da teoria das cores, facilitando o uso por qualquer pessoa.

## 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
- [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
- [Clarear/Escurecer Cor](https://elysiatools.com/pt/tools/color-lighten-darken): Ajuste o brilho das cores e crie variações
- [Saturação/Dessaturação de Cor](https://elysiatools.com/pt/tools/color-saturate-desaturate): Ajuste a saturação das cores e crie variações de saturação
- [Gerador de Esquemas de Cores](https://elysiatools.com/pt/tools/color-scheme-generator): Gera esquemas de cores e paletas profissionais para projetos de 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.
