Gerador de Paleta de Cores

Sobre esta ferramenta

O Gerador de Paleta de Cores cria esquemas de cores harmoniosos a partir de qualquer cor base usando sete princípios da teoria das cores: complementar, triádico, análogo, complementar dividido, tetrádico, monocromático e tonalidades.

Cada amostra exibe seu código hex e pode ser clicada para copiar o valor. A ferramenta usa o espaço de cor HSL para calcular ângulos exatos na roda de cores.

Como usar

1. Clique no seletor de cores ou escolha uma das 8 amostras de predefinição para definir sua cor base.
2. Selecione um esquema de harmonia na barra de abas (Complementar, Triádico, Análogo, etc.).
3. A paleta é gerada instantaneamente — cada amostra mostra seu código hex.
4. Clique em qualquer amostra para copiar seu código hex para a área de transferência.

Esquemas de harmonia de cores

Complementar — Duas cores opostas; alto contraste. Triádico — Três cores a 120° de distância. Análogo — Cores adjacentes na roda; harmoniosas. Complementar dividido — Base + dois vizinhos do seu complementar. Tetrádico — Quatro cores a 90°. Monocromático — Tons de uma cor. Tonalidades — Escala completa de luminosidade.

Casos de uso

Designers UI/UX criam sistemas de cores para apps. Designers gráficos escolhem paletas para identidades de marca. Desenvolvedores web copiam códigos hex para CSS ou configuração do Tailwind.

Perguntas frequentes

• Em que formato estão os códigos de cor? — Todas as cores são exibidas em formato hex (#RRGGBB), prontas para colar em CSS, Figma ou qualquer ferramenta de design.
• Quantas cores cada esquema gera? — Complementar: 2. Triádico/Dividido: 3. Tetrádico: 4. Análogo: 4. Monocromático/Tonalidades: 5–9.
• Qual esquema é melhor para um site? — Análogo para aparência calma e profissional; complementar para interfaces de alto contraste; monocromático para designs minimalistas.