Gerador de Paletas de Cores

Escolha uma cor base com o seletor de cores ou digitando um código HEX, um valor RGB ou até um nome de cor CSS como "teal", e depois escolha um esquema de cores como análoga, complementar ou monocromática. A paleta é montada na hora a partir dessa cor base usando teoria das cores. Clique em qualquer amostra para copiar o seu código HEX, ou use a caixa de exportação para copiar a paleta inteira como uma lista HEX, variáveis CSS, valores RGB ou um array de código. Pressione Embaralhar para uma nova cor base aleatória sempre que quiser um ponto de partida diferente.

São harmonias de cores clássicas baseadas nas posições ao redor do círculo cromático. O complementar usa duas cores diretamente opostas para alto contraste. O análogo usa cores vizinhas para um visual calmo e coeso. O triádico escolhe três cores igualmente espaçadas no círculo para um conjunto equilibrado e vibrante, enquanto o complementar dividido e o tetrádico são variações mais ricas de três e quatro cores. O monocromático mantém um único matiz e varia a sua luminosidade para uma paleta elegante e sutil. Este gerador cria cada um deles para você a partir da cor base que escolher.

Vá para a aba Gradiente, escolha um gradiente linear, radial ou cônico, e adicione quantos pontos de cor quiser — cada um com a sua própria cor e posição. Arraste o controle de ângulo para os gradientes lineares e cônicos, ou defina a forma e a posição para os radiais, e a prévia ao vivo atualiza conforme você ajusta. Quando estiver com bom aspecto, copie o CSS pronto para usar (por exemplo background: linear-gradient(135deg, #6366F1 0%, #EC4899 100%);) direto na sua folha de estilos.

Sim. A caixa de exportação permite alternar entre uma lista HEX simples, um bloco :root de propriedades personalizadas CSS (--color-1, --color-2 …), valores rgb() ou um array de JavaScript/JSON de strings HEX. Copie tudo com um clique ou baixe como arquivo. As amostras individuais também copiam o seu código HEX quando você clica nelas, então dá para pegar só a cor que você precisa.

Totalmente. Não há cadastro, nem limites, nem custo, e cada paleta e gradiente é gerado no seu navegador com JavaScript — nada é enviado nem armazenado em um servidor. Isso também significa que ele continua funcionando offline depois que a página carrega, e as cores que você cria permanecem inteiramente no seu dispositivo.