Skip to content
clkr

Loading tools…

    Gerador de paleta de cores

    Gere paletas por harmonia, cor base ou imagem com este gerador de paleta de cores online grátis. Bloqueie cores e exporte em HEX, CSS ou Tailwind.

    Carregando…

    What next?

    Achou útil? Compartilhe Gerador de paleta de cores

    Grátis, sem cadastro, funciona no navegador — envie para um amigo ou adicione ao seu site.

    Faz parte destes kits

    Como usar Gerador de paleta de cores

    1. 1Clique em Gerar paleta (ou na barra de espaço) para uma nova paleta harmoniosa — bloqueie as cores que quiser manter
    2. 2Ou escolha uma cor base e uma regra de harmonia, ou extraia as cores principais de uma imagem
    3. 3Toque em uma amostra para ajustá-la, clique em um código para copiá-lo e exporte como HEX, variáveis CSS, Tailwind, JSON ou PNG

    Perguntas frequentes

    O que são harmonias de cores?▾

    Regras baseadas em posições no círculo cromático: cores análogas ficam lado a lado, complementares ficam opostas (180°), tríades ficam a 120° de distância, complementar dividida usa os dois vizinhos do complemento e monocromática varia a luminosidade de um único matiz.

    Como funciona a paleta da imagem?▾

    A imagem é reduzida no seu navegador e seus pixels são agrupados com clustering k-means; os cinco maiores grupos viram a paleta, ordenados do escuro ao claro. A imagem nunca é enviada.

    Quantas cores uma paleta deve ter?▾

    A maioria das paletas de marcas e interfaces usa 3–5 cores: uma ou duas principais, um destaque e tons neutros claros e escuros. Uma divisão 60-30-10 (dominante, secundária, destaque) é uma diretriz popular.

    Por que algumas amostras têm texto branco e outras preto?▾

    Cada código é desenhado em preto ou branco — o que tiver a maior razão de contraste WCAG com aquela cor — para continuar legível.

    Embed Gerador de paleta de cores on your website▾

    Paste this snippet into your page. The embedded tool runs in your visitor's browser and shows a small “Powered by clkr.work” link.