Extraia cores de qualquer imagem direto no navegador, gere paletas, copie variáveis CSS e crie temas para seus projetos — tudo localmente.
Arraste uma imagem aqui ou clique para selecionar
JPG, PNG, WebP, GIF, SVG, BMP
Arraste e solte JPEG, PNG, WEBP, GIF, SVG+XML, BMP aqui
ou toque para selecionar arquivos
Aceitos: JPEG, PNG, WEBP, GIF, SVG+XML, BMP
🔒 Processamento 100% local. Nenhuma imagem é enviada ao servidor.
Esta ferramenta analisa imagens enviadas e extrai automaticamente as cores mais predominantes. Todo o processamento ocorre no navegador usando Canvas, sem enviar dados para servidor.
Você pode ajustar a quantidade de cores extraídas, filtrar brancos/pretos, e exportar a paleta em diversos formatos usados em CSS, Tailwind e ferramentas de design.
A ferramenta oferece múltiplos formatos de exportação para facilitar o uso imediato da paleta em projetos reais.
Ao extrair cores de uma imagem de marca ou foto de referência, você pode gerar rapidamente um conjunto de cores base para um design system. A ferramenta sugere nome e peso (light, main, dark) para uso direto em componentes.
Cada cor extraída pode ser aberta diretamente no Conversor de Cores para explorar variações, verificar contraste e gerar escalas.
Nenhuma imagem sai do seu dispositivo. O processamento acontece via Canvas API do navegador. A ferramenta funciona offline após o carregamento inicial.
Não. Todo processamento é local no navegador usando Canvas API. Nenhuma imagem sai do seu dispositivo.
JPG, PNG, WebP, GIF, SVG e BMP. Qualquer formato que o navegador consiga renderizar.
Sim. Use o controle deslizante para selecionar de 3 a 16 cores. Mais cores geram paletas mais detalhadas.
Representam a proporção aproximada de pixels daquela cor na imagem. Cores com maior porcentagem são mais predominantes.
Clique no botão de exportação e escolha "Variáveis CSS". O código será copiado para a área de transferência pronto para colar no seu arquivo CSS.
Sim. Use a exportação "Tailwind Config" para gerar um snippet que pode ser colado diretamente em tailwind.config.ts no extend.colors.
Sim. Você pode fazer upload de fotos da galeria ou tirar fotos da câmera. A interface é responsiva para qualquer tela.
Links úteis para continuar tarefas parecidas sem voltar para a busca.
Conversor HEX, RGB e HSL
Converta cores entre HEX, RGB, HSL, HSV, CMYK e outros formatos, veja preview ao vivo, copie CSS pronto e compare contraste entre cores.
Gerador Visual de CSS
Crie gradientes, sombras, bordas, border-radius, glassmorphism, filtros e animações com sliders e copie o CSS pronto.
Conversor de Imagem e PDF
Converta mais de 20 formatos de imagem e PDF no navegador, grátis, sem cadastro, sem login e com download imediato.
As ferramentas desta página rodam no navegador e não enviam o conteúdo digitado para backend. Isso melhora privacidade, reduz latência e ajuda na experiência mobile.
