Gerador de paletas de cores

Como funcionam as harmonias de cores

As harmonias se baseiam na posição dos matizes no círculo cromático. Em uma paleta análoga os cinco matizes ficam a 18° um do outro, 72° no total: paletas suaves, ótimas para fundos e interfaces. Em uma paleta complementar um matiz se alterna com o seu oposto (180°, com alguns graus de diferença para não parecerem copiados), da cor mais escura à mais clara: o contraste máximo, para uma cor de destaque que chame a atenção. Uma tríade usa três matizes a 120° um do outro, e as duas últimas cores são versões claras dos dois primeiros matizes. No modo pastel a luminosidade fica entre 80 e 90%: com tanta luz, até uma cor saturada fica suave, o visual delicado de muitas embalagens e de produtos infantis.

Travar uma cor

Toque em uma cor para travá-la: aparece o cadeado, e com “Gerar” só as outras mudam. Nas harmonias, a primeira cor travada define o matiz inicial, então as demais realmente se organizam em volta dela: é o jeito de montar uma paleta a partir da cor de um logo. Cinza, branco e preto não têm matiz: se a primeira cor travada for um deles, quem decide é a próxima cor travada que tenha matiz, e se não houver nenhuma, o matiz inicial é aleatório. O histórico guarda as cores que saíram da paleta, a mais recente no topo, e nunca uma que você já esteja vendo. Ao tocar em uma, ela volta para a paleta, no lugar da primeira que não está travada, e fica travada.

Com o botão “Uma cor”, no alto, a mesma página gera uma única cor. O histórico dura enquanto a página continuar aberta: nada é salvo nem enviado.

Como usar sua paleta em um projeto de verdade

A regra prática mais popular é a 60-30-10: uma cor dominante para 60% da composição (fundos), uma secundária para 30% (seções, cartões) e uma cor de destaque para 10% (botões, links, detalhes). Copie os códigos HEX e cole direto no Figma, no Canva, no PowerPoint ou no CSS do seu site. Antes de publicar, confira o contraste entre o texto e o fundo: uma razão de pelo menos 4,5:1 mantém o texto legível para todo mundo.

Quatro páginas, duas tarefas

Gerador de paletas e Cor aleatória são o mesmo gerador, com uma cor ou com cinco: os dois botões no alto permitem passar de um para o outro sem trocar de página. Para digitar uma cor e vê-la em todos os formatos há o Conversor de cores e o Seletor de cores, a mesma ferramenta com duas entradas.