Design e desenvolvimento
Gerador de paleta de cores
Crie cinco cores harmônicas a partir de uma cor base e copie a paleta para seu projeto.
Prévia de interface
Exemplo de cartão
Veja como as cores podem funcionar juntas em uma interface.
Como gerar uma paleta de cores
Escolha uma cor base, selecione a harmonia e use Gerar paleta. Cada amostra pode ser clicada para copiar o HEX, e as cinco variáveis CSS ficam prontas abaixo.
Tipos de harmonia
A paleta análoga usa tons vizinhos; a complementar combina lados opostos; a triádica distribui três pontos; a complementar dividida suaviza o contraste; e a monocromática varia a luminosidade.
Exemplo prático
Com a base #7C3AED, a opção análoga cria variações próximas do violeta. A prévia ajuda a avaliar fundo, cartão, texto e botão antes de copiar.
Acessibilidade da paleta
A harmonia visual não garante contraste suficiente para textos. Use o Seletor de cores relacionado para conferir relações WCAG em cada combinação importante.
Perguntas frequentes
1. Como criar a paleta?
Informe a cor base, escolha uma harmonia e gere as cinco cores.
2. Qual esquema tem maior contraste?
O complementar costuma produzir contraste mais forte; o resultado ainda deve ser validado para texto.
3. Posso usar no CSS?
Sim. A ferramenta cria cinco variáveis CSS prontas para copiar.
4. A paleta fica salva?
Não. Tudo é gerado localmente e não é armazenado.