Idioma
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Gerador de Paleta de Cores

Gerador de Paleta de Cores

Monte paletas de cores harmônicas com regras da teoria das cores ou extraia as cores dominantes de qualquer imagem. Copie como CSS, SCSS, Tailwind, JSON ou PNG.

Gerador de Paleta de Cores

O Gerador de Paleta de Cores monta esquemas de cores harmônicos em segundos, seja a partir de regras consagradas da teoria das cores ou extraindo as cores dominantes de qualquer imagem. Escolha uma cor base ou envie uma foto e receba uma paleta pronta para usar, com códigos HEX que você copia direto para o seu projeto.

Ele atende designers de web, criadores de marca e qualquer pessoa que precise escolher cores para um projeto criativo. Use o modo Teoria das cores para transformar uma cor base em um esquema de cores complementares, análogas, triádicas, complementares divididas, tetrádicas ou monocromáticas — ou mude para o modo A partir de imagem para extrair de 3 a 10 cores dominantes de uma foto.

Privado por design: toda paleta é montada no seu navegador, inclusive a extração de cores das imagens. Suas imagens e escolhas de cores nunca são enviadas a um servidor.

Como usar o Gerador de Paleta de Cores

1

Escolha por onde começar

Fique na aba Teoria das cores para montar uma paleta a partir de uma cor base ou mude para a aba A partir de imagem para extrair as cores de uma foto.

2

Defina a entrada

No modo Teoria das cores, escolha uma Cor base (no seletor de cor ou pelo HEX) e uma regra de Harmonia. No modo A partir de imagem, arraste ou clique para enviar um PNG, JPG, GIF ou WebP e defina a quantidade de cores no controle deslizante (3–10).

3

Gere a paleta

Clique em Gerar para montar um esquema baseado na teoria das cores ou em Extrair cores para ler as cores dominantes da sua imagem. Sua paleta aparece na hora, com o código HEX e o nome mais próximo de cada cor.

4

Ajuste e exporte

Trave as cores que você gostou e Embaralhe o restante. Clique em qualquer amostra para Copiar o HEX ou exporte a paleta inteira como CSS, SCSS, Tailwind, JSON ou PNG.

Recursos

Geração por teoria das cores

Transforme uma única cor base em uma paleta usando seis regras de harmonia: complementares, análogas, triádicas, complementares divididas, tetrádicas e monocromáticas.

Extração de cores de imagem

Envie qualquer imagem e um algoritmo de agrupamento k-means encontra as cores dominantes — ideal para combinar com uma foto, logotipo ou obra de arte.

Travar e embaralhar

Trave as cores que você ama e embaralhe o restante para chegar à combinação perfeita sem perder o que já está funcionando.

Vários formatos de exportação

Copie sua paleta como Variáveis CSS, Variáveis SCSS, configuração do Tailwind ou JSON, ou baixe-a como uma referência em PNG com os rótulos.

Histórico de paletas

Suas últimas 20 paletas ficam salvas localmente para você revisitar e recarregar combinações de cores anteriores com um único clique.

Nomes das cores

Cada amostra mostra o nome de cor mais próximo, deixando sua paleta mais fácil de comunicar, lembrar e compartilhar.

Quantidade de cores ajustável

Ao extrair de uma imagem, posicione o controle entre 3 e 10 cores para obter uma paleta tão enxuta ou tão variada quanto precisar.

Cópia do HEX com um clique

Clique no ícone de cópia em qualquer amostra para pegar o código HEX na hora — pronto para colar na sua ferramenta de design ou folha de estilo.

Perguntas frequentes

Como gero uma paleta de cores?

Na aba Teoria das cores, escolha uma cor base, selecione uma regra de harmonia e clique em Gerar. Uma paleta completa aparece com o código HEX de cada cor, pronta para copiar ou exportar.

Como crio uma paleta a partir de uma imagem?

Mude para a aba A partir de imagem e arraste ou clique para enviar uma foto. Defina quantas cores você quer no controle deslizante (3–10) e clique em Extrair cores. A ferramenta lê as cores dominantes da imagem e as transforma em uma paleta.

O que é uma paleta complementar, análoga ou triádica?

São regras de harmonia de cores baseadas nas posições do círculo cromático. A complementar usa cores opostas entre si (180°) para alto contraste. A análoga usa cores vizinhas para uma sensação calma e coesa. A triádica usa três cores igualmente espaçadas (120°) para um visual vibrante, mas equilibrado.

Qual regra de harmonia devo escolher?

Depende do seu objetivo: complementar para alto contraste e impacto, análoga para designs calmos e coesos, triádica para cores vibrantes e equilibradas e monocromática para uma sensação elegante e unificada. As complementares divididas e as tetrádicas ficam no meio-termo, para um contraste mais suave ou combinações mais ricas.

Como monto uma paleta a partir de uma única cor base?

Informe sua cor base no seletor de Cor base (ou digite o HEX), escolha qualquer regra de harmonia e clique em Gerar. Cada cor da paleta resultante é derivada dessa única cor base usando os cálculos da teoria das cores.

Como obtenho os códigos HEX da minha paleta?

Cada amostra mostra o código HEX direto na paleta. Clique no ícone de cópia de uma amostra para copiar um único código ou use o menu de exportação para copiar todas as cores de uma vez como CSS, SCSS, Tailwind ou JSON.

Minhas imagens são enviadas a um servidor?

Não. Todo o processamento das imagens e a extração de cores acontecem inteiramente no seu navegador. Suas imagens nunca saem do seu dispositivo, então o seu trabalho permanece privado.

Quais formatos de imagem são aceitos?

Você pode enviar imagens PNG, JPG, GIF e WebP e extrair de 3 a 10 cores de qualquer uma delas.

Posso usar essas paletas comercialmente?

Sim. As cores que você gera não têm direitos autorais e podem ser usadas livremente em qualquer projeto pessoal ou comercial.

Arraste a imagem aqui ou clique para enviar

PNG, JPG, GIF, WebP

Histórico
Nenhum histórico ainda
Escolha uma cor base e uma regra de harmonia para montar uma paleta combinando
Envie uma imagem para extrair as cores dominantes automaticamente
Clique no ícone de cadeado nas cores que quer manter e embaralhe o restante
Ajuste o controle de 3 a 10 cores ao extrair de uma imagem
Exporte como CSS, SCSS, Tailwind, JSON ou PNG para seus projetos
Todo o processamento acontece no seu navegador — as imagens nunca são enviadas
Quer saber mais? Leia a documentação →
1/7
Comece a digitar para pesquisar...
Pesquisando...
Nenhum resultado encontrado
Tente pesquisar com palavras-chave diferentes