Gerador de Paleta de Cores
Gere paletas de cores harmoniosas a partir de qualquer cor base usando teoria das cores.
:root {
--palette-1: #3b82f6;
--palette-2: #f6af3c;
}| Par | Proporção | WCAG AA |
|---|---|---|
#3b82f6/#f6af3c | 1.95:1 | Falha |
Sobre o Gerador de Paleta de Cores
Um gerador de paleta de cores cria combinações de cores harmoniosas baseadas em princípios de teoria das cores. A partir de uma cor base, ele calcula cores relacionadas usando o círculo cromático HSL: complementar (oposta), análoga (adjacente), triádica (espaçada igualmente em 120°), complementar dividida (vizinhas da oposta) e monocromática (mesmo matiz, luminosidade variável).
Como Usar
Escolha uma cor base usando o seletor de cor ou insira um código HEX. Selecione um tipo de paleta nas abas. O gerador mostra instantaneamente as cores relacionadas com seus valores HEX. Clique em qualquer amostra de cor para copiar seu código HEX para a área de transferência.
Casos de Uso Comuns
- Projetar esquemas de cores para sites com aparência profissional
- Criar paletas de cores de marca para materiais de marketing
- Encontrar cores complementares para apresentações e gráficos
- Explorar harmonia de cores para projetos de design de interiores
- Gerar combinações de cores acessíveis para design de UI