Extrair Paleta de Cores de uma Imagem — HEX/RGB e porcentagem, sem enviar (grátis)
Arraste e solte uma imagem aqui, ou clique para escolher
Suporta PNG, JPEG, WebP e GIF
Sua imagem nunca é enviada — todo o processamento ocorre no seu navegador.
Ferramentas externas relacionadas
Alguns links são links de afiliados.
Ferramentas relacionadas
Esta ferramenta gratuita de extração de cores obtém a paleta de cores dominantes de qualquer foto, ilustração ou captura de tela — diretamente no seu navegador, sem enviar nada. Arraste uma imagem PNG, JPEG, WebP ou GIF e a ferramenta retorna instantaneamente as cores principais usando o algoritmo de quantização median cut, cada uma com seu código HEX, valores RGB e porcentagem aproximada na imagem. Você pode escolher quantas cores extrair (2–12), copiar qualquer HEX com um clique, copiar todas as cores de uma vez ou exportar a paleta completa como variáveis CSS ou JSON.
Como usar
- Arraste e solte uma imagem na área acima, ou clique para abrir o seletor de arquivos. São aceitos PNG, JPEG, WebP e GIF.
- A paleta de cores dominantes aparece instantaneamente — cada amostra mostra o código HEX, os valores RGB e a porcentagem aproximada da cor na imagem.
- Use o controle deslizante para escolher quantas cores extrair (2–12). A paleta é atualizada imediatamente sem recarregar a imagem.
- Clique em uma amostra ou no botão de copiar para copiar o HEX. Use 'Copiar todos os HEX' para obter todas as cores de uma vez.
- Mude para a aba Exportar para obter um bloco de variáveis CSS ou JSON pronto para colar, depois copie ou baixe.
- Sem instalação, sem cadastro. Sua imagem nunca sai do seu dispositivo.
Recursos e funcionamento
Extração de cores dominantes (paleta de toda a imagem)
A ferramenta não coleta apenas um pixel — analisa toda a imagem usando quantização de cor median cut. O algoritmo agrupa cores similares em clusters e escolhe uma cor representativa para cada um, dando a história de cor geral da imagem. Para manter a velocidade, a imagem é reduzida antes da análise (lado mais longo ≤ 160 px).
HEX, RGB e porcentagem (%) de cada cor
Cada cor extraída mostra seu código HEX (#RRGGBB, maiúsculas), valores RGB e sua porcentagem aproximada na imagem. As cores são ordenadas da maior para a menor porcentagem. Nota: a porcentagem é aproximada e pode não somar exatamente 100% devido ao arredondamento independente.
Escolha quantas cores extrair
Use o controle deslizante para definir o número de cores de 2 a 12. Mudar o número é instantâneo — sem recarregar a imagem.
Copiar e exportar (variáveis CSS / JSON)
Cada amostra tem um botão para copiar o HEX, e 'Copiar todos os HEX' pega todas as cores de uma vez. O painel de exportação gera um bloco de variáveis CSS pronto para colar ou um objeto JSON. Os valores de cor são sempre compatíveis com CSS.
Sem upload — sua imagem permanece no seu dispositivo
O carregamento, o dimensionamento e a análise de cor ocorrem localmente usando a Canvas API do navegador. Sua imagem nunca é enviada a nenhum servidor, armazenada ou compartilhada.
Casos de uso
Extrair uma paleta de cores de uma imagem de referência ou foto
Arraste uma foto, ilustração ou captura de tela de um design que você goste. A paleta mostra as cores principais e suas proporções — um excelente ponto de partida para construir uma paleta de cores para um site ou projeto de design.
Obter as cores da marca de um logotipo ou ativo de marca
Arraste um logotipo ou ativo de marca para obter os códigos HEX exatos de cada cor. Útil para garantir que seu site, documentos e apresentações usem as cores de marca corretas.
Exportar cores diretamente para CSS ou JSON
Use o painel de exportação para copiar variáveis CSS ou um objeto JSON diretamente no seu código. A porcentagem mostra qual é a cor dominante, o destaque, etc.
Notas e limitações
- Valores aproximados: a ferramenta reduz a imagem antes da análise e agrupa cores similares, portanto as cores e porcentagens extraídas são aproximações.
- As porcentagens podem não somar 100%: cada porcentagem de cor é arredondada independentemente para um decimal. O total pode ser ligeiramente superior ou inferior a 100%.
- Menos cores do que o solicitado: se a imagem tiver menos cores distintas do que o número escolhido, apenas as cores que existem são retornadas. Cores falsas não são adicionadas.
- Os pixels transparentes são excluídos: para imagens PNG com transparência, os pixels completamente ou majoritariamente transparentes (alfa < 128) não são contados.
- GIF animado: apenas o primeiro quadro do GIF animado é analisado.
Perguntas frequentes
- Minha imagem é enviada a um servidor?
- Não. Todo o processamento ocorre localmente no seu navegador usando a Canvas API. Sua imagem nunca é enviada, armazenada ou compartilhada em nenhum lugar.
- Posso extrair toda a paleta de cores, não apenas uma cor?
- Sim, essa é a função principal. A ferramenta usa quantização median cut para analisar toda a imagem e retornar as cores mais representativas como paleta, cada uma com sua porcentagem.
- Quão precisa é a porcentagem (%) de cada cor?
- É uma aproximação. A imagem é reduzida antes da análise e cores similares são agrupadas, portanto a porcentagem reflete a presença da cor na amostra reduzida, não uma contagem exata de pixels.
- Quantas cores posso extrair?
- De 2 a 12. Use o controle deslizante para definir o número. Se a imagem tiver menos cores distintas do que as solicitadas, apenas as que existem são retornadas — cores falsas não são adicionadas.
- Quais formatos de imagem são suportados?
- PNG, JPEG, WebP e GIF (apenas o primeiro quadro). SVG, HEIC e outros formatos não são suportados.
- Posso usar as cores extraídas no meu código?
- Sim. Cada cor tem um botão para copiar o HEX com um clique, e o painel de exportação gera variáveis CSS ou um objeto JSON com HEX, RGB e ratio — pronto para colar no seu projeto.
- O que acontece com um PNG transparente?
- Os pixels transparentes (alfa abaixo de 128) são excluídos da análise, portanto não aparecem como preto ou branco na paleta. Uma imagem completamente transparente não retornará cores.