Cores e design
Gerador de paleta de cores
De uma única cor nascem quatro harmonias prontas a usar.
Complementar
Análogas
Triádica
Monocromática
Tem uma cor — a de um logótipo, de uma marca, de uma inspiração — e precisa de uma paleta completa que funcione com ela. Escolha-a no seletor ou cole o código hexadecimal: a ferramenta calcula instantaneamente quatro harmonias clássicas da teoria da cor. A complementar para um contraste forte, as análogas para um conjunto suave e coerente, a triádica para uma composição viva e equilibrada, e a monocromática para declinar tons do claro ao escuro. Cada amostra é clicável: um clique copia o código hex, pronto a colar no seu CSS, no Figma ou no manual de identidade. Tudo é calculado em direto no seu navegador, sem registo nem limites.
Como funciona?
- Escolha a cor de base no seletor ou cole um código hex.
- As quatro harmonias são calculadas instantaneamente.
- Compare os esquemas complementar, análogo, triádico e monocromático.
- Clique numa amostra para copiar o código hex.
Perguntas frequentes
Que harmonia escolher para um site?
A análoga ou a monocromática para o ambiente geral, reservando a complementar para botões e chamadas à ação: o contraste atrai o olhar exatamente para onde é preciso. A triádica adequa-se a universos mais expressivos, ilustrados ou lúdicos.
Como são calculadas estas harmonias?
Fazendo rodar a tonalidade na roda das cores (espaço HSL): a complementar fica a 180°, as análogas a ±30°, a triádica a ±120°. A monocromática varia a luminosidade e a saturação mantendo a tonalidade constante.
Quantas cores precisa a paleta de um site?
Na prática: uma cor principal, uma cor de destaque para as ações e três a cinco tons neutros para fundos e textos. Demasiadas cores vivas diluem a hierarquia visual — a contenção é a sua aliada.