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 distribui cinco tons com 20° de distância em um intervalo de 80° da roda de cores para um visual calmo e coeso. Complementar coloca duas amostras perto da tonalidade base e três no lado oposto da roda (170°, 180° e 190° de distância) para alto contraste. Triádico posiciona tons a 120° de distância: duas amostras perto da tonalidade base, duas perto de +120° e uma em +240°. A saturação e a luminosidade variam dentro de uma faixa moderada em todos os modos. A roda é a roda de cores HSL (luz de tela), então o complemento do vermelho é ciano, não verde.

Posso manter uma cor que gostei enquanto regenero o restante?

Sim. Clique no ícone de bloqueio em qualquer swatch para mantê-lo. Os swatches bloqueados são ignorados durante a geração. Nos modos Análogo, Complementar e Triádico, os outros swatches são construídos em torno da tonalidade do primeiro swatch bloqueado (um swatch cinza não tem tonalidade e é ignorado para isso), então a paleta permanece harmônica em torno da sua cor favorita; no modo Aleatório, eles permanecem aleatórios. Sua paleta e bloqueios são salvos nesse navegador.

Posso criar uma paleta a partir de uma imagem?

Sim. Clique em 'Da imagem' e selecione uma foto. A ferramenta reduz a imagem, agrupa pixels semelhantes com quantização de corte médio e seleciona os cinco grupos mais proeminentes que parecem claramente diferentes entre si. Cada resultado é uma cor que realmente ocorre na imagem, em vez de uma média, classificada do mais escuro para o mais claro, e tudo acontece no navegador — a imagem nunca é enviada. Se a imagem tiver menos de cinco cores distintas, como uma cor plana única, os swatches restantes são passos mais claros e mais escuros da cor dominante.

Quais formatos de exportação estão disponíveis?

Copie a paleta como uma lista simples HEX, propriedades personalizadas CSS (:root variáveis), um snippet de cores Tailwind, um array JSON ou tokens de design Figma (formato Tokens Studio). Escolha o formato no menu suspenso, depois clique em Copiar Tudo — pronto 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.

Posso gerar uma paleta a partir de uma palavra?

Sim. Digite uma palavra como pôr do sol, oceano, cyberpunk ou obangsaek (as cinco cores tradicionais coreanas) na caixa de humor e clique em Do humor. Palavras de humor conhecidas usam uma tonalidade, saturação e faixa de luminosidade correspondentes, e obangsaek retorna as cinco cores tradicionais fixas. Palavras que a ferramenta não conhece ainda produzem uma paleta, mas suas cores não estão relacionadas ao significado da palavra.

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.

🎨 Gerador de Paleta de Cores

Gere instantaneamente paletas bonitas de 5 cores usando modos de harmonia como Análogo, Complementar e Triádico — ou extraia uma paleta diretamente de qualquer imagem ou de uma palavra de humor como pôr do sol. Bloqueie as cores de que gosta para construir o restante da paleta em torno delas, depois exporte o conjunto como uma lista HEX, variáveis CSS, configuração Tailwind, JSON ou tokens Figma. É totalmente gratuito e roda totalmente no navegador, sem envios ou login. Procurando uma alternativa gratuita ao Coolors? A versão do Toolio é totalmente gratuita e não precisa de cadastro.

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

Privado por design. Essa ferramenta funciona totalmente no seu navegador — nada que você digitar é enviado e ela funciona offline.

Sobre

Esta ferramenta cria paletas de 5 cores de três maneiras: gere-as a partir de quatro modos de harmonia (Aleatório, Análogo, Complementar, Triádico); digite uma palavra de humor, como pôr do sol, oceano ou cyberpunk, para obter uma paleta nesse estilo; ou extraia cinco cores predominantes de qualquer imagem que você escolher — a imagem é processada localmente com quantização de corte médio, cada resultado é uma cor que realmente ocorre na imagem, e nada é carregado. Bloqueie amostras individuais para mantê-las em regenerações subsequentes; nos modos Análogo, Complementar e Triádico, o restante da paleta é então construído em torno da tonalidade da primeira amostra bloqueada. Copie qualquer código HEX ou exporte toda a paleta no formato que você precisa: uma lista simples HEX, propriedades personalizadas CSS, um snippet de cores Tailwind, um array JSON ou tokens de design Figma. Tudo funciona no navegador, então nenhuma cor ou dados de imagem saem do dispositivo — nenhum servidor, nenhuma conta. Cada amostra 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 imagem pode ir diretamente para um fluxo de trabalho de impressão.

Como usar

Escolha um modo de harmonia — Aleatório, Análogo, Complementar ou Triádico — no menu suspenso Modo.
Clique em Gerar (ou pressione a barra de espaço) para criar uma nova paleta de 5 cores.
Clique no ícone de bloqueio em qualquer amostra para manter essa cor; as outras amostras são regeneradas em torno da tonalidade (no modo Aleatório elas permanecem aleatórias).
Clique em Copiar HEX em uma amostra para copiar esse código HEX para sua área de transferência.
Use Copiar Tudo para copiar as cinco cores de uma só vez, no formato de exportação selecionado ao lado, para uso na ferramenta de design ou no código.
Clique em 'Da imagem' e escolha uma foto — a ferramenta extrai as cinco cores dominantes para a paleta, tudo localmente.
Escolha um formato de exportação — lista HEX, variáveis CSS, Tailwind, JSON ou tokens Figma — e clique em Copiar Tudo para inserir a paleta no projeto.
Ou digite uma palavra de humor, como pôr do sol, oceano ou cyberpunk, e clique em Do humor para gerar uma paleta nesse estilo.

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 distribui cinco tons com 20° de distância em um intervalo de 80° da roda de cores para um visual calmo e coeso. Complementar coloca duas amostras perto da tonalidade base e três no lado oposto da roda (170°, 180° e 190° de distância) para alto contraste. Triádico posiciona tons a 120° de distância: duas amostras perto da tonalidade base, duas perto de +120° e uma em +240°. A saturação e a luminosidade variam dentro de uma faixa moderada em todos os modos. A roda é a roda de cores HSL (luz de tela), então o complemento do vermelho é ciano, não verde.
Posso manter uma cor que gostei enquanto regenero o restante?: Sim. Clique no ícone de bloqueio em qualquer swatch para mantê-lo. Os swatches bloqueados são ignorados durante a geração. Nos modos Análogo, Complementar e Triádico, os outros swatches são construídos em torno da tonalidade do primeiro swatch bloqueado (um swatch cinza não tem tonalidade e é ignorado para isso), então a paleta permanece harmônica em torno da sua cor favorita; no modo Aleatório, eles permanecem aleatórios. Sua paleta e bloqueios são salvos nesse navegador.
Posso criar uma paleta a partir de uma imagem?: Sim. Clique em 'Da imagem' e selecione uma foto. A ferramenta reduz a imagem, agrupa pixels semelhantes com quantização de corte médio e seleciona os cinco grupos mais proeminentes que parecem claramente diferentes entre si. Cada resultado é uma cor que realmente ocorre na imagem, em vez de uma média, classificada do mais escuro para o mais claro, e tudo acontece no navegador — a imagem nunca é enviada. Se a imagem tiver menos de cinco cores distintas, como uma cor plana única, os swatches restantes são passos mais claros e mais escuros da cor dominante.
Quais formatos de exportação estão disponíveis?: Copie a paleta como uma lista simples HEX, propriedades personalizadas CSS (:root variáveis), um snippet de cores Tailwind, um array JSON ou tokens de design Figma (formato Tokens Studio). Escolha o formato no menu suspenso, depois clique em Copiar Tudo — pronto 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.
Posso gerar uma paleta a partir de uma palavra?: Sim. Digite uma palavra como pôr do sol, oceano, cyberpunk ou obangsaek (as cinco cores tradicionais coreanas) na caixa de humor e clique em Do humor. Palavras de humor conhecidas usam uma tonalidade, saturação e faixa de luminosidade correspondentes, e obangsaek retorna as cinco cores tradicionais fixas. Palavras que a ferramenta não conhece ainda produzem uma paleta, mas suas cores não estão relacionadas ao significado da palavra.
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.