Harmonias de cores
Esquemas harmônicos partem da posição da cor no círculo cromático. Complementar usa cores opostas (alto contraste); análoga usa vizinhas (suave); tríade e tétrade distribuem as cores igualmente; monocromática varia só a luminosidade. Bons pontos de partida para a identidade visual de um site.
Nas quatro primeiras harmonias, só o matiz muda: a saturação e a luminosidade da cor base são mantidas. Complementar soma 180°, análoga usa 30° para cada lado, tríade soma 120° e 240°, e tétrade soma 90°, 180° e 270°.
Como usar
- Clique no quadrado colorido para escolher a cor base.
- Na lista, selecione a harmonia: Complementar, Análoga, Tríade, Tétrade ou Monocromática (tons).
- Se quiser explorar, clique em Cor aleatória para sortear uma nova base.
- Clique em qualquer amostra para copiar o código HEX dela.
Exemplos
- Base
#2563eb(azul), complementar:#ebad25, um laranja-dourado. - Mesma base em tríade:
#2563eb,#eb2563(rosa) e#63eb25(verde). - Mesma base em análoga:
#25c6eb,#2563ebe#4a25eb. - Monocromática:
#0a296d,#1043b3,#2563eb,#6b95f1e#b1c7f8, do mais escuro ao mais claro.
Dúvidas frequentes
Como uso no CSS?
Clique em qualquer cor para copiar o HEX. Use uma como cor primária (botões/links) e as demais para destaques e fundos.
Qual harmonia escolher?
A monocromática é a mais segura para interfaces sóbrias. A complementar destaca botões e chamadas. Tríade e tétrade funcionam melhor com uma cor dominante e as outras em pequenos detalhes.
As combinações garantem bom contraste?
Não necessariamente. Para texto sobre fundo colorido, confira o contraste antes de usar, principalmente entre cores de luminosidade parecida.