Extrator de paleta de cores grátis
Extraia 4, 6, 8 ou 12 cores de uma imagem JPG, PNG ou WebP com este extrator de paleta de cores gratuito. Copie códigos HEX, RGB ou HSL, ou variáveis CSS. Sua imagem fica no seu dispositivo.
Solte sua imagem aqui
ou clique para procurar. JPG, PNG ou WebP
Transforme uma imagem em uma paleta de cores pronta para usar
Escolha 4, 6, 8 ou 12 cores, alterne entre HEX, RGB e HSL e copie códigos individuais ou a paleta inteira como variáveis CSS.

Extraia cores de uma imagem
Solte uma foto, logotipo ou captura de tela e a paleta aparece sozinha. Cada amostra é a cor média de um grupo de pixels, obtida com o método median-cut.
- Aceita imagens JPG, PNG e WebP
- A paleta aparece assim que a imagem carrega
- Escolha 4, 6, 8 ou 12 cores

Copie códigos de cor HEX, RGB e HSL
Alterne cada amostra entre HEX, RGB e HSL com um clique e toque em uma amostra para copiar seu código. A caixa Variáveis CSS reúne a paleta completa, pronta para uma folha de estilos.
- Códigos HEX, RGB ou HSL
- Copie tudo como variáveis CSS
- Nomeadas de --color-1 a --color-12
Escolha o tamanho da sua paleta
Use 4 cores para uma paleta de marca enxuta, ou 6, 8 ou 12 para ver mais tons. A paleta é atualizada na hora quando você muda o tamanho, sem precisar enviar a imagem de novo.
Sua imagem fica no seu dispositivo
As cores são calculadas dentro da aba do seu navegador, e a imagem nunca é enviada para nós. Contamos apenas o uso anônimo, como o tamanho de paleta escolhido e o tempo que levou.
Paletas limpas a partir de logotipos transparentes
Pixels com mais da metade de transparência são ignorados. A área vazia ao redor de um logotipo ou ícone em PNG não adiciona nenhuma amostra preta ou branca perdida à sua paleta.
Fotos grandes redimensionadas para análise
Antes de contar as cores, a ferramenta reduz uma cópia da imagem para 256 pixels no lado mais longo. Fotos grandes de câmera são tratadas como capturas de tela, embora detalhes minúsculos se misturem às cores próximas.
Como extrair uma paleta de cores de uma imagem
Adicione sua imagem.
Solte um arquivo JPG, PNG ou WebP na caixa ou clique para escolhê-lo. O editor abre e cria uma paleta de 6 cores na hora.
Defina o tamanho da paleta.
Clique em 4, 6, 8 ou 12 em Tamanho da paleta para mudar quantas cores você recebe. Escolha HEX, RGB ou HSL em Formato de cor.
Copie suas cores.
Clique em qualquer amostra para copiar seu código ou em Copiar tudo como variáveis CSS para pegar a paleta inteira. Cole na sua folha de estilos ou no seu aplicativo de design.
Quem usa o extrator de paleta de cores
Designers, desenvolvedores e profissionais de marketing que precisam obter códigos de cor utilizáveis a partir de materiais visuais.
Design de UI e web
Extraia cores das fotos, mockups ou imagens de destaque de um cliente e cole como variáveis CSS. Você ganha um conjunto inicial de design tokens que combina com as imagens.
- Transforme uma imagem de destaque em variáveis --color-1 a --color-N
- Combine as cores de botões e links com as fotos do produto
- Copie valores RGB ou HSL para ajustar no seu código
Logotipos e kits de marca
Solte um logotipo em PNG para obter as cores da marca como códigos HEX. As áreas transparentes são ignoradas, então a paleta vem do próprio logotipo, não do fundo vazio.
- Encontre os códigos HEX do logotipo de um cliente
- Combine slides e posts de redes sociais com as cores da marca
- Monte um kit de marca simples a partir de fotos de produtos
Arte e ilustração
Colete uma paleta limitada de uma foto de referência, pintura ou moodboard. Use 4 ou 6 cores para manter um estudo simples e depois pinte com esses valores.
- Extraia uma paleta limitada das suas fotos de referência
- Colete cores de uma pintura para um estudo de cor
- Reúna conjuntos de cores que combinam para um moodboard
Perguntas frequentes
Respostas sobre como extrair paletas de cores e códigos HEX de imagens.
Como extrair uma paleta de cores de uma imagem?
Solte uma imagem JPG, PNG ou WebP nesta página. O editor abre e mostra uma paleta de 6 cores assim que a imagem carrega. Altere a quantidade em Tamanho da paleta e clique em uma amostra para copiar seu código.
Como obter códigos hex de uma imagem?
Envie a imagem e deixe o Formato de cor em HEX, o padrão. Cada amostra mostra um código de seis dígitos, como #3a7bd5. Clique em uma amostra para copiar esse código ou em Copiar tudo como variáveis CSS para copiar todos os códigos de uma vez.
Quantas cores posso extrair de uma imagem?
Você pode escolher 4, 6, 8 ou 12 cores, e 6 é o padrão. Quatro servem para uma paleta de marca simples. Quantidades maiores mostram mais amostras, mas uma área grande, como o céu, costuma preencher várias delas com tons parecidos.
Como a ferramenta escolhe as cores?
Ela usa median cut. Uma cópia da imagem é reduzida para 256 pixels no lado mais longo, e seus pixels são divididos em grupos iguais pelos valores de vermelho, verde e azul. Cada amostra é a média de um grupo, então pode ser uma mistura que nenhum pixel isolado tem. Com 6 ou 12 cores, os grupos mais claros ficam de fora.
Posso copiar a paleta como variáveis CSS?
Sim. A caixa Variáveis CSS lista suas cores dentro de um bloco :root, com os nomes --color-1, --color-2 e assim por diante, no formato que você escolheu. Clique em Copiar tudo como variáveis CSS e cole em uma folha de estilos. O código vai para a área de transferência; não há download de arquivo.
Posso obter uma paleta de um arquivo HEIC, GIF ou SVG?
Não diretamente. O envio aceita apenas JPG, PNG e WebP e recusa arquivos HEIC, GIF, AVIF, SVG e TIFF. Para uma foto HEIC ou TIFF, converta-a primeiro para PNG com o Conversor de imagens gratuito e depois solte o PNG aqui para obter a paleta.
Funciona com logotipos em PNG transparente?
Sim. Pixels com mais da metade de transparência são ignorados, então o fundo vazio de um logotipo não adiciona amostras pretas ou brancas. Se uma imagem for quase totalmente transparente, nenhuma amostra aparece; nesse caso, tente uma cópia do logotipo com fundo sólido.
Por que uma cor da minha imagem não aparece na paleta?
Duas coisas podem esconder uma cor. Cada amostra é a média de uma parcela igual dos pixels, então um pequeno detalhe se mistura com as cores vizinhas. Com 6 e 12 cores, a ferramenta também descarta os últimos grupos, que costumam conter os pixels mais claros, e por isso áreas brancas podem sumir. Escolha 4 ou 8 para cobrir todos os pixels.
Posso escolher a cor de um ponto específico da imagem?
Não com esta ferramenta. Ela cria uma paleta da imagem inteira e não tem conta-gotas para um único pixel. Para amostrar uma área pequena, recorte a imagem até esse ponto primeiro, e a paleta virá apenas do que restar.
Posso extrair uma paleta de cores de um site ou URL?
Não diretamente. A ferramenta lê arquivos de imagem, não endereços da web. Faça uma captura de tela do site, salve como PNG e solte aqui para obter as cores principais da página em códigos HEX, RGB ou HSL.
O extrator de paleta de cores é gratuito e privado?
Sim. É gratuito, não exige cadastro e não tem limite diário. Sua imagem é lida dentro do navegador e nunca é enviada aos nossos servidores. Registramos estatísticas anônimas, como o tamanho da paleta e o tempo gasto, mas nunca a imagem ou suas cores.
Explore mais ferramentas
Descubra outras ferramentas grátis que combinam muito bem com esta
Conversor de cores
Converta códigos de cor HEX, RGB e HSL na hora
Compressor de imagens
Reduza o tamanho do arquivo sem perder qualidade
Conversor de imagens
Converta entre mais de 30 formatos de imagem
Removedor de fundo
Remova o fundo de imagens e salve um PNG transparente
Cortador de imagem
Recorte imagens à mão livre ou em proporções como 1:1, 16:9 e outras
Redimensionador de imagens
Redimensione imagens para dimensões exatas