🛝Toolio
Sobre Contato

🎨 Gerador de Paleta de Cores

Gere instantaneamente paletas de 5 cores bonitas usando modos de harmonia como análoga, complementar e triádica — ou extraia uma paleta diretamente de qualquer imagem. Fixe as cores que você gostar, depois exporte o conjunto como uma lista HEX, variáveis CSS, configuração Tailwind ou JSON. É completamente gratuito e roda totalmente no seu navegador, sem uploads ou login.

Pressione a tecla Espaço para gerar uma nova paleta.

Privado por design. Esta ferramenta funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado, e funciona offline.

Sobre

Esta ferramenta cria paletas de 5 cores de duas formas: gere-as a partir de quatro modos de harmonia (Aleatório, Análogo, Complementar, Triádico), ou extraia as cinco cores dominantes de qualquer imagem que você escolher — a imagem é processada localmente com quantização median-cut e nunca é carregada. Fixe os swatches individuais para mantê-los em regenerações futuras, depois copie qualquer código HEX individual ou exporte toda a paleta no formato que você precisar: uma lista HEX simples, propriedades personalizadas CSS, um snippet de cores Tailwind ou um array JSON. Tudo roda no seu navegador, então nenhuma cor ou dados de imagem saem do seu dispositivo — sem servidor, sem conta. Cada swatch também mostra o número PANTONE Solid Coated mais próximo (por exemplo, PANTONE 185 C), então uma paleta gerada ou derivada de uma imagem pode ser levada diretamente para um fluxo de trabalho de impressão.

Como usar

  1. Escolha um modo de harmonia — Aleatório, Análogo, Complementar ou Triádico — a partir do menu suspenso Modo.
  2. Clique em Gerar (ou pressione a tecla Spacebar) para criar uma nova paleta de 5 cores.
  3. Clique no ícone de cadeado em qualquer amostra para congelar essa cor enquanto regenera o restante.
  4. Clique em Copiar HEX em uma amostra para copiar esse código HEX para sua área de transferência.
  5. Use Copiar Tudo para exportar os cinco códigos HEX de uma vez para uso em sua ferramenta de design ou código.
  6. Clique em 'Da imagem' e escolha uma foto — a ferramenta pega as cinco cores dominantes da imagem e as coloca na paleta, tudo localmente.
  7. Escolha um formato de exportação — lista HEX, variáveis CSS, Tailwind ou JSON — e clique em Copiar para inserir a paleta no seu projeto.

Perguntas frequentes

Essa ferramenta é gratuita para usar?
Sim, totalmente gratuita — sem assinatura, sem conta e sem limites ocultos. Basta abrir a página e começar a gerar paletas.
Você carrega os dados de cor para um servidor?
Não. A ferramenta inteira funciona no seu navegador usando JavaScript. Nada é enviado para qualquer servidor — seus dados de paleta permanecem apenas no localStorage do seu navegador.
O Gerador de Paleta de Cores funciona offline?
Sim. Uma vez que a página é carregada, ela funciona totalmente offline. Não são necessárias chamadas externas de API ou dependências de CDN.
Qual é a diferença entre os modos de harmonia?
Aleatório escolhe cinco tons não relacionados. Análogo agrupa cinco tons próximos na roda de cores para um visual calmo e coeso. Complementar combina tons de lados opostos da roda para alto contraste. Triádico distribui três famílias de tons a 120 graus de distância para paletas vibrantes e equilibradas.
Posso manter uma cor que gostei enquanto regenero o restante?
Sim. Clique no ícone de cadeado em qualquer amostra para congelá-la. Amostras bloqueadas são ignoradas durante a geração, então você pode iterar livremente em torno de suas cores favoritas.
Posso criar uma paleta a partir de uma imagem?
Sim. Clique em 'Da imagem' e selecione uma foto; a ferramenta extrai as cinco cores dominantes usando quantização median-cut, totalmente no seu navegador — a imagem nunca é carregada.
Quais formatos de exportação estão disponíveis?
Copie a paleta como uma lista HEX simples, propriedades personalizadas CSS (variáveis :root), um snippet de cores Tailwind ou um array JSON — prontos para colar no seu código ou ferramenta de design.
Posso ver números Pantone para a paleta?
Sim. Cada um dos cinco swatches mostra seu código HEX e a correspondência mais próxima PANTONE Solid Coated (ex. PANTONE 185 C); clique no rótulo Pantone para copiá-lo. As correspondências usam a fórmula perceptual CIEDE2000 e são uma referência aproximada sRGB, já que as tintas Pantone são definidas fisicamente e não por um valor de tela.
Esta ferramenta envia meus dados?
Não. Tudo é executado no seu navegador, então seus dados nunca saem do seu dispositivo — e funciona até offline depois que a página carrega.