Gerador de Paleta de Cores
Gere paletas de cores harmoniosas a partir de qualquer cor base usando teoria das cores. Escolha esquemas complementares, análogos, triádicos, complementares divididos ou tetrádicos. Copie todas as cores como variáveis CSS instantaneamente.
Perguntas frequentes
O que é harmonia de cores?
A harmonia de cores refere-se à disposição de cores visualmente agradável com base em suas posições na roda de cores. As paletas harmoniosas seguem relações matemáticas entre matizes — como cores opostas (complementares) ou cores igualmente espaçadas (triádicas) — criando uma sensação de equilíbrio e coesão no design.
Quando devo usar cores complementares versus análogas?
Cores complementares (opostas na roda) criam alto contraste e tensão visual — ideais para botões de chamada à ação, destaques ou qualquer lugar onde você queira que algo se destaque. Cores análogas (adjacentes na roda) são harmoniosas e de baixo contraste, excelentes para fundos, elementos neutros de UI ou para criar um clima calmo e unificado.
Como uso essas cores no CSS?
Clique em "Copiar tudo como variáveis CSS" para obter um bloco :root com variáveis --color-1 a --color-N. Cole-as na sua folha de estilos e referencie-as com var(--color-1) etc. Para cores individuais, clique no botão Copiar em cada amostra para copiar o valor hexadecimal diretamente.