Gerador de paletas de cores: esquemas harmoniosos a partir de uma cor base

Defina a saturação e a luminosidade na área de cores, ajuste o matiz com o controle deslizante ou digite um código HEX ou valores RGB. Você também pode clicar em “Cor aleatória”. Os seis esquemas de cores são atualizados imediatamente, sem precisar clicar em um botão para gerar. Cada amostra mostra HEX, RGB e HSL; clique nela para copiar o código HEX.

Insira sua cor como código HEX ou valores RGB e confira o esquema “Complementar”: ele mostra sua cor base e a cor oposta a ela no círculo cromático (matiz girado em 180°). O gerador usa o círculo cromático HSL das telas: o verde puro #00FF00 corresponde ao magenta #FF00FF, e o azul puro #0000FF ao amarelo #FFFF00. No círculo cromático clássico da pintura, as cores seriam vermelho e laranja, respectivamente.

Três cores formam três dos seis esquemas: triádico (três matizes separados por 120°, vibrante e equilibrado), análogo (a cor base e suas vizinhas a −30° e +30°, calmo e harmonioso) e complementar dividido (a cor base e as duas vizinhas da cor complementar, com bastante contraste e menos tensão visual). Insira sua cor base e compare os três lado a lado.

Um esquema de cores monocromático mantém o mesmo matiz e a mesma saturação, alterando apenas a luminosidade. O gerador cria cinco níveis de luminosidade, do escuro ao claro, que continuam distinguíveis mesmo com cores base muito claras ou muito escuras. O resultado é discreto e uniforme, ideal, por exemplo, para fundos e superfícies.

Uma combinação harmoniosa não é necessariamente legível: o principal problema são cores de texto e fundo com pouca diferença de luminosidade. Por isso, confira sua combinação no verificador de contraste antes de usá-la. O link “Verificar contraste” abaixo dos esquemas de cores envia sua cor base diretamente para lá.

A regra 60-30-10 é uma regra prática de design: cerca de 60 % de cor principal, 30 % de cor secundária e 10 % de cor de destaque. O gerador não a aplica automaticamente. Você distribui as cores do esquema como preferir, por exemplo, usando a cor base como principal e a complementar como destaque.

Sim. A cor base aparece automaticamente como parâmetro na URL, por exemplo, ?color=3b82f6. Copie a URL da barra de endereços: quem abrir o link verá a mesma cor base e os mesmos seis esquemas de cores. Você não precisa de uma conta para isso.

O gerador de paletas de cores é gratuito e não exige cadastro. Todas as cores são calculadas no seu navegador; suas escolhas não são salvas nem enviadas a um servidor. Se você fechar a aba, só poderá recuperar a paleta por um link copiado anteriormente.