Gerador de paletas de cores

O que é um gerador de paleta de cores?

Um gerador de paleta de cores cria conjuntos harmoniosos de cores com base em regras de teoria das cores. A partir de uma única cor de base, gera esquemas de cores complementares, análogos, triádicos, split-complementares e outros. Os designers usam geradores de paletas para criar rapidamente sistemas de cores coesos para websites, aplicações, marcas e ilustrações.

As boas paletas de cores não são aleatórias — seguem relações matemáticas na roda de cores. As cores complementares são opostas entre si (alto contraste). As cores análogas são adjacentes (harmoniosas e calmas). As cores triádicas formam um triângulo equilátero (vibrantes e equilibradas). Esta ferramenta gera paletas usando estas e outras regras de harmonia comprovadas.

Como utilizar esta ferramenta

Escolha uma cor de base usando o seletor de cores ou introduza um valor hex. Selecione uma regra de harmonia (complementar, análogo, triádico, etc.). A ferramenta gera uma paleta completa com cada cor mostrada numa amostra juntamente com os seus valores hex, RGB e HSL. Ajuste a cor de base para ver a paleta atualizar em tempo real.

Tipos de harmonia de cores

• Complementar — duas cores opostas na roda de cores. Alto contraste, energético. Exemplo: azul e laranja.
• Análogo — três cores adjacentes na roda. Calmo, coeso. Exemplo: azul, azul-verde, verde.
• Triádico — três cores igualmente espaçadas (120 graus de distância). Equilibrado, vibrante. Exemplo: vermelho, amarelo, azul.
• Split-complementar — uma cor de base mais duas cores adjacentes ao seu complementar. Contraste com menos tensão do que complementar.

Cor e acessibilidade

Ao desenhar interfaces digitais, garanta contraste suficiente entre texto e fundo (o WCAG exige um mínimo de 4,5:1 para texto normal). Evite transmitir informação apenas através de cores — cerca de 8% dos homens têm alguma forma de deficiência de visão de cores. Teste a sua paleta com um simulador de daltonismo. Esta ferramenta pode mostrar os rácios de contraste entre as cores geradas.

Perguntas frequentes

Quantas cores deve ter uma paleta?

A maioria dos sistemas de design usa 5 a 7 cores: uma cor de marca principal, um destaque secundário, uma paleta neutra (cinzentos para texto e fundos) e possivelmente um conjunto semântico (verde para sucesso, vermelho para erro, amarelo para aviso). Demasiadas cores criam caos visual. Poucas limitam a flexibilidade. Comece com 3 cores mais neutros e adicione apenas conforme necessário.

O que faz as cores parecerem bem juntas?

As cores parecem harmoniosas quando têm uma relação matemática na roda de cores (complementar, triádico, etc.) ou partilham uma propriedade comum (mesmo nível de saturação, brilho semelhante). A regra 60-30-10 é amplamente usada: 60% cor dominante, 30% secundária, 10% destaque. Limitar o número de cores altamente saturadas e usar bastante espaço neutro também melhora a harmonia visual.