Gerador de paleta

Complementares, análogas, triádicas, tetrádicas, complementares divididas e mais.

Sim, copie códigos HEX/RGB ou baixe a paleta como imagem.

Três ou quatro cores visíveis costumam bastar. A conhecida regra 60-30-10 destina 60% da superfície ao fundo, 30% a uma cor secundária e 10% a um destaque — e quanto mais contido esse destaque, mais botões e links sobressaem. Acrescente um cinza escuro para o texto e um claro para bordas e a maioria das telas está resolvida. Passando de cinco cores, o usuário deixa de perceber o que importa.

Parta dessa cor e monte um conjunto análogo: matizes até cerca de 30 graus para cada lado convivem sem brigar, o que serve para fundos e elementos secundários. Para o botão que precisa ser notado, use uma dose pequena da cor complementar, do lado oposto da roda, e o olhar vai direto para lá. Se o modo escuro está no plano, prepare variantes que mantenham o mesmo matiz mas reduzam a saturação e aumentem a luminosidade.