Gerador de Paleta de Cores
Gere paletas harmônicas — complementar, análoga, tríade — a partir de uma cor base.
Propriedades CSS utilizadas
Harmonia de coresEsquemas como análoga, complementar e tríade usam a posição das cores na roda cromática (matiz em graus) para gerar combinações com contraste equilibrado.
Variáveis CSS geradasA paleta é exportada como custom properties em :root, prontas para reutilizar em qualquer propriedade de cor do seu projeto.
Perguntas frequentes
Copia o código HEX daquela cor específica para a área de transferência.
Monocromática costuma funcionar bem para interfaces limpas, variando apenas a luminosidade de uma única cor base.
Use esta paleta como ponto de partida e depois valide as combinações de texto/fundo com uma ferramenta de contraste (WCAG AA exige pelo menos 4.5:1 para texto normal).
Ferramentas relacionadas
Conversor de Cores
Converta entre HEX, RGB e HSL instantaneamente, nos dois sentidos.
Gerador de Variáveis CSS
Monte um design token de cores em custom properties (--var) prontas para :root.
Gerador de Gradientes
Gradientes lineares, radiais e cônicos com múltiplos stops de cor.