Gerador de paleta de cores
Gere paletas de cores harmoniosas aleatoriamente.
Clique em uma cor para copiá-la ou gerar uma nova paleta
CSS Variables
--color-1: #1f5d7a;
--color-2: #293fa3;
--color-3: #6333cc;
--color-4: #d6835c;
--color-5: #e0d085;Gerador de paletas de cores: crie combinações harmoniosas
A escolha de cores é uma das decisões mais impactantes no design visual. Uma paleta de cores bem selecionada pode transmitir profissionalismo, emoção, confiança ou qualquer outro atributo que seu projeto necessite. Nosso gerador cria paletas de 5 cores aleatórias que você pode ajustar, bloquear cores individuais e regenerar as demais até encontrar a combinação perfeita.
A regra 60-30-10 é um princípio de design amplamente utilizado: 60% da cor dominante (geralmente fundo), 30% da cor secundária (elementos de suporte) e 10% da cor de acento (CTAs e destaques). Nosso gerador facilita encontrar cores que funcionem juntas para essas três funções. Pode copiar os códigos HEX individuais ou exportar a paleta como variáveis CSS.
Perguntas frequentes
Como escolher uma boa paleta?
Comece com uma cor que goste, trave-a e gere até que as demais complementem. Use no máximo 2-3 cores principais e o restante como neutras.
Quantas cores preciso para um site?
Geralmente 5: primária (CTAs), secundária (acentos), fundo, texto e uma cor de destaque. A regra 60-30-10 funciona bem: 60% cor dominante, 30% secundária, 10% acento.
Posso exportar a paleta em outros formatos?
Você pode copiar os valores HEX individuais ou todas as variáveis CSS prontas para uso. Para outros formatos como RGB ou HSL, use nosso conversor de cores com os valores HEX gerados.
Quer saber mais? Leia nosso guia completo →