Extraia as cores dominantes de uma imagem.
Envie uma imagem para extrair a paleta de cores
JPG, PNG ou WEBP — o processamento acontece no seu navegador, o arquivo não é enviado a nenhum servidor.
Cansado de anúncios? Assine o Premium por R$ 14,90/mês e navegue sem anúncios.
Sobre esta ferramenta
Em vez de analisar cada pixel em resolução total, a ferramenta primeiro reduz a imagem para no máximo 200px no maior lado — suficiente para capturar as cores dominantes sem processar milhões de pixels — e agrupa cada cor pelos 5 bits mais significativos de cada canal RGB, uma técnica simples de quantização por histograma.
Como funciona
Depois de reduzir a imagem, a ferramenta lê os valores RGBA de cada pixel restante via getImageData e agrupa cores semelhantes em um histograma simplificado; os grupos com mais pixels acumulados formam a paleta final, na quantidade escolhida.
| Formato de cor | Exemplo |
|---|---|
| HEX | #3b82f6 |
| RGB | rgb(59, 130, 246) |
| HSL | hsl(217, 91%, 60%) |
Como utilizar
- Envie a imagem JPG, PNG ou WEBP da qual quer extrair as cores
- Escolha a quantidade de cores desejada
- Clique em extrair paleta
- Clique em qualquer código de cor para copiá-lo
Exemplos
Usado para montar uma paleta de design a partir de uma foto de referência, ou identificar rapidamente as cores predominantes do logo de uma marca.
Benefícios
- A leitura de pixels e o agrupamento em histograma rodam localmente
- Três formatos de código prontos para copiar
- Quantidade de cores ajustável entre 3 e 10
- Resultado calculado em poucos segundos, mesmo para fotos grandes
Perguntas frequentes
Ferramentas relacionadas
Conclusão
Uma paleta extraída automaticamente costuma ser um ponto de partida melhor do que escolher cores no olho a partir da mesma imagem.