Extrair paleta de cores de imagem
Encontre cores predominantes em imagens PNG, JPEG, WebP, GIF ou BMP pelo navegador.
Editor de paleta
Escolher arquivosExtraia combinações de cores das suas fotos. Arraste e solte aqui.
Processamento privado no navegador: seus arquivos não saem do dispositivo.
Extraia uma paleta prática de uma imagem PNG, JPEG, WebP, GIF ou BMP. Revise as cores predominantes, copie valores HEX/RGB/HSL ou exporte código para seu projeto.
O que é um extrator de paleta de cores?
O que é um extrator de paleta de cores?
Um extrator analisa pixels visíveis e agrupa cores de destaque em uma paleta. O resultado pode servir como ponto de partida para identidade visual, temas de interface, ilustrações e referências de fotografia.
Quando extrair cores de uma imagem
Quando extrair cores de uma imagem
Referências de design
Obtenha cores de uma foto, cartaz ou ilustração antes de definir uma linguagem visual.
Temas de interface
Use os valores como ponto de partida para variáveis CSS, SCSS ou configurações do Tailwind.
Pesquisa de identidade visual
Compare tons predominantes em imagens de referência e refine a paleta manualmente.
Como funciona a extração de paleta
Como funciona a extração de paleta
O navegador abre a imagem estática e a biblioteca ColorThief analisa os pixels para estimar cores predominantes. Você pode copiar amostras ou exportá-las como CSS, SCSS, Tailwind ou JSON.
Formatos para usar as cores
Formatos para usar as cores
| HEX | CSS e ferramentas de design | Código hexadecimal compacto para representar uma cor. |
| RGB/HSL | Ajustar uma cor | Úteis ao alterar luminosidade, matiz ou canais. |
| CSS, SCSS, Tailwind e JSON | Implementar uma paleta | Formatos de código ou dados estruturados para baixar. |
Formatos de imagem aceitos
Formatos de imagem aceitos
O extrator aceita imagens PNG, JPEG, WebP, GIF e BMP que o navegador consiga decodificar. Uma imagem é analisada por vez e o processamento permanece no navegador.
Limites da extração de cores
Limites da extração de cores
O algoritmo estima as cores predominantes, não lista todos os pixels. O resultado varia conforme a imagem e a quantidade de cores; GIFs animados são tratados como imagem estática e arquivos incompatíveis não podem ser analisados.