Você vê uma cor que quer reutilizar — numa foto, numa captura de tela de um site de que gosta, num logotipo antigo cujos arquivos de origem se perderam há muito tempo — e precisa do código hex de verdade, não de um chute. Estimar a olho nunca funciona direito; os monitores mentem e "aquele azul" é, na verdade, seis azuis ligeiramente diferentes. Puxar a paleta direto dos pixels te dá códigos que você pode colar no CSS, numa ferramenta de design ou num documento de marca.
Veja como fazer, e como obter uma paleta que é de fato utilizável em vez de um punhado aleatório de pixels.
O que "extrair uma paleta" realmente faz
A ferramenta escaneia a imagem e encontra as cores que melhor a representam — os tons dominantes mais os destaques notáveis — e depois te dá cada uma como um código hex que você pode copiar. Em vez de um milhão de cores de pixels individuais, você recebe um conjunto organizado (digamos 5 ou 8) que resume a imagem.
Isso é genuinamente útil para alguns trabalhos comuns:
- Recuperar cores de marca de um logotipo ou recurso antigo quando você não tem a especificação original.
- Montar uma paleta de design a partir de uma foto cujo clima você quer combinar — uma paisagem, uma foto de produto, uma obra de arte.
- Combinar com um site ou gráfico existente do qual você só tem uma captura de tela.
- Escolher um fundo ou destaque que harmoniza com uma imagem que você já está usando.
Solte uma imagem e leia os códigos:
Use o controle de contagem para obter uma paleta útil
A configuração mais importante é quantas cores você puxa. Ela muda a resposta por completo.
- Menos cores (3–5) te dão a paleta essencial — o punhado de tons que definem a imagem. É isso que você geralmente quer para branding ou um sistema de design, onde um conjunto enxuto é uma vantagem, não uma limitação.
- Mais cores (8–12) capturam destaques sutis e gradientes. Útil quando uma imagem é rica e variada e você quer os tons secundários também, ou quando está estudando exatamente como uma foto é composta.
Se o primeiro resultado parecer estranho — um tom domina, ou um destaque que você queria foi mesclado — ajuste a contagem e releia. Uma foto que é 80% céu vai te entregar muito azul em contagens baixas; aumente a contagem para revelar os pequenos toques de cor.
Clique para copiar — o fluxo que importa
Ler um código hex e digitá-lo é onde os erros surgem (#3A7BD5 vs #3A7BD6 e você passou dez minutos se perguntando por que está parecendo errado). Na ferramenta de Paleta de Cores, cada amostra copia seu código hex ao clique, então você vai direto da imagem para a área de transferência e para a sua folha de estilos sem tocar no teclado.
Um fluxo prático:
- Carregue a imagem.
- Defina a contagem para combinar com o trabalho — baixa para uma paleta de marca, mais alta para captar destaques.
- Clique em cada amostra que você quer; cole onde for.
- Sem variação suficiente? Ajuste a contagem e pegue as extras.
Lendo os resultados com olhar de designer
Algumas coisas que vale saber para a paleta cair bem:
- A cor dominante nem sempre é a útil. Uma foto de produto sobre fundo branco vai reportar muito branco ou quase branco. Isso é preciso, mas a cor com que você realmente se importa é o produto — aumente a contagem para puxá-la, ou recorte até o sujeito primeiro.
- Fotos têm mais cores do que parecem. Pele, sombras e reflexos acrescentam tons que você não percebeu conscientemente. Uma contagem mais alta os revela; uma mais baixa os esconde atrás das médias.
- O hex é portátil. Cada código que você copia funciona diretamente em CSS, Figma, Photoshop, Canva ou num documento de marca. Sem conversão necessária.
Por que fica no seu navegador
A extração inteira roda localmente — a imagem é lida e analisada no seu navegador com Canvas, e nunca é enviada a um servidor. Isso importa quando a "imagem" é uma maquete não lançada, um recurso de marca privado de um cliente ou uma captura de tela interna que você não deveria estar postando numa ferramenta web qualquer. É grátis, não precisa de cadastro e, depois da primeira visita, funciona offline.
Pegue as cores, clique para copiar, cole-as onde elas pertencem.