Início / CSS e cores / Gerador de paleta de cores
Gerador de paleta de cores
Escolha uma cor de que você goste e deixe as regras de harmonia encontrarem o resto. Cada esquema desloca o matiz por um ângulo fixo na roda de cores, que é como designers montam paletas que se sustentam em vez de brigar.
Como usar
- Escolha sua cor base com o seletor.
- Selecione uma harmonia: análoga, complementar, tríade ou monocromática.
- Leia os cinco códigos hexadecimais abaixo das amostras.
Exemplos
- A análoga a partir de um amarelo quente dá uma paleta calma, que fica em uma região da roda.
- A complementar une a base ao seu oposto para contraste máximo em uma chamada para ação.
- A monocromática dá cinco níveis de luminosidade de um mesmo matiz, ideal para fundos de interface.
Perguntas frequentes
Qual harmonia escolher?
Análoga para designs calmos e coesos. Complementar quando algo precisa se destacar, usada com parcimônia como acento. Tríade para trabalhos animados e energéticos. Monocromática quando o conteúdo deve liderar e a cor deve ficar quieta.
Como usar bem cinco cores?
Siga aproximadamente o 60-30-10: uma cor dominante, uma secundária e um acento pequeno, reservando os tons restantes para texto e superfícies. Paletas falham mais por uso igualitário do que por má escolha de cor.
Ferramentas relacionadas
Atualizado: 2026-08-07