ToolHub
Abrir ferramenta

Gerador de Paletas de Cores

Gere esquemas de cores baseados em uma cor de referência usando 6 regras de harmonia, com exportação CSS

Ferramentas de desenvolvedor

Sobre esta ferramenta

O Gerador de Paletas de Cores permite selecionar uma cor de referência e gerar instantaneamente esquemas de 5 cores usando seis regras de harmonia: complementar, análoga, triádica, complementar dividida, tetrádica e monocromática. Você pode bloquear cores individuais, gerar paletas aleatoriamente e exportar os resultados como propriedades personalizadas CSS — todos os cálculos são feitos localmente no navegador.

Principais recursos

Pré-visualização rápida

Casos de uso

color palette harmony

Perguntas frequentes

Quais regras de harmonia estão disponíveis?

A ferramenta oferece seis regras de harmonia: complementar, análoga, triádica, complementar dividida, tetrádica e monocromática. Cada regra gera um esquema de 5 cores com base nos princípios da teoria das cores.

Posso bloquear cores específicas na paleta?

Sim, cada cartão de cor possui um botão de bloqueio. Quando uma cor está bloqueada, ela permanece inalterada mesmo ao alternar regras de harmonia ou gerar paletas aleatoriamente. Clique no botão de bloqueio novamente para desbloquear.

Como exportar a paleta como CSS?

Clique no botão Exportar CSS para gerar propriedades personalizadas CSS (--primary, --light, --dark, --accent, --accent-light) com as cores da paleta atual. Você pode então copiar o código CSS com um clique.

Posso copiar cores individuais?

Sim, clique em qualquer cartão de cor para copiar seu valor HEX para a área de transferência. Uma notificação de confirmação será exibida após a cópia bem-sucedida. Cada cartão também exibe os valores RGB e HSL para referência.

Meus dados de cor são enviados para um servidor?

Não. Toda a geração de paletas e cálculos de cor são feitos localmente no navegador. Nenhum dado é enviado para servidores, garantindo que suas informações permaneçam completamente privadas e seguras.