Pular para o conteúdo principal
ImageColorPix

Gerador de Paletas de Imagens

Envie qualquer foto para extrair na hora sua paleta de cores dominante, com a participação de cada amostra mostrada abaixo. Copie como HEX, RGB, HSL ou variáveis CSS, baixe como TXT, SVG ou PNG.

O que é um gerador de paleta de imagem?

Cores reais de fotos reais

Um gerador de paleta de imagem encontra as cores que realmente dominam sua foto contando pixels, sem adivinhar. Uma foto de praia carrega por padrão com a paleta já extraída, para você ver o fluxo completo na hora.

Envie sua própria imagem com o ícone de imagem, ajuste o tamanho de 1 a 10, remova ou reordene amostras, depois copie ou baixe. Cada amostra mostra sua cobertura em % e a contagem de pixels. Prefere harmonias da teoria das cores? Teste o gerador de paletas aleatórias.

Como usar

Feito para fotos, do início ao fim

01

Veja a paleta padrão

Uma foto carrega sozinha com sua paleta dominante extraída acima da prévia.

02

Envie a sua

Clique no ícone de imagem, arraste e solte, cole, ou carregue por URL. Tudo fica no seu navegador.

03

Leia a cobertura e exporte

Cada amostra mostra sua cobertura em % e a contagem de pixels. Corte, reordene, copie no seu formato, ou baixe TXT, SVG ou PNG.

Perguntas frequentes

1Como extraio cores de uma foto?
Clique no ícone de imagem e envie (JPG, PNG, GIF, WebP), arraste e solte, cole da área de transferência, ou carregue por URL. A paleta é extraída sozinha acima da prévia. Clique em qualquer amostra para copiar seu HEX.
2Quantas cores posso extrair? Qual o melhor número?
De 1 a 10 com os controles -/+ (começa em 8 para fotos). Use 2 a 3 para logotipos mínimos, 4 a 6 para páginas e artes sociais, 8 a 10 para ilustração e painéis de estilo. Menos cores dão um sistema mais claro. Fotos costumam ter muitos marrons ou azuis quase iguais.
3Posso editar, remover ou reordenar a paleta?
Sim. Passe o mouse em qualquer amostra para copiar, × para remover, arraste para reordenar (a ordem vai para a exportação CSS). Para design, escolha um escuro para texto, um claro para fundos, uma ou duas cores de marca e um destaque.
4O que entrego ao dev a partir de uma paleta de foto?
Ajuste Copiar como para o formato do seu projeto: HEX para folhas de estilo, RGB para código de app, HSL para temas, variáveis CSS para tokens. O popup de download exporta a mesma paleta como CSS (salvo como palette.txt), JSON, faixa SVG ou PNG legendado.
5Minhas fotos saem do meu aparelho? Quanto custa?
Nunca. Suas fotos são lidas pixel por pixel dentro desta aba e nunca enviadas para lugar algum, então trabalhos de clientes ficam confidenciais. E custa nada: grátis para sempre, sem conta, quantas fotos quiser.
6O que significam % e contagem de pixels?
Cada amostra mostra sua fatia dos pixels amostrados (até cerca de 12 mil amostrados, pixels transparentes ignorados) mais a contagem bruta por trás. Tons quase iguais se unem na amostra sobrevivente, então sua % os inclui. Use para julgar a dominância real: 40% é a foto, 2% é um detalhe.

Explore mais ferramentas de cores

Gerador de Paletas

Harmonias aleatórias + modo imagem

Analisador de Cores de Imagem

Dominância, clima, harmonia e funções

Seletor de Cores de Imagem

Escolha qualquer pixel de qualquer imagem

Conversor de Cores

HEX RGB HSL HSV CMYK LAB