Gerador de paletas de cores

Escolha uma cor e ele deduz as que combinam com ela pelas regras do círculo cromático: complementares, análogas, tríade. Escolher por regra em vez de no olho evita que a combinação saia errada.

🎨 Tudo roda no seu navegador. Sem instalar nada, sem cadastro.

Cor base

Análogas

Vizinhas no círculo cromático. Naturais e confortáveis, o que combina com áreas grandes como um fundo e o texto dele.

Use mais ou menos 60:30:10

O que você faz depois de escolher as cores importa mais. Dê 60% ao fundo amplo, 30% à secundária e 10% ao destaque, e o mesmo conjunto de cores fica muito mais organizado. Se o destaque passar de 30%, ele deixa de ser destaque.

O que esta ferramenta faz

Complementares, análogas, tríade e tétrade
Escala monocromática de luminosidade
Copie qualquer HEX
Copie a paleta inteira como CSS

Outras ferramentas de cor

Gerador de tons de corTransforme uma cor numa escala 50–900 Misturador de coresEncontre a cor que fica entre duas Gerador de cores aleatóriasTrave as que você gostar e sorteie o resto de novo Verificador de contrasteVerifique a legibilidade do texto pela WCAG

As cores podem aparecer um pouco diferentes conforme a sua tela e o perfil de cor dela.