Criar um design em torno de uma foto de produto, de uma imagem de marca ou de uma imagem de referência começa pelas suas cores. Solte a imagem e receba a paleta dominante, ordenada do claro ao escuro, cada amostra a um clique de ter seu código hex copiado.
A extração usa quantização por corte mediano (median-cut) sobre os pixels reais — a mesma família de algoritmo que os editores de imagem usam — então a paleta reflete a distribuição de cores real, não apenas uma média borrada.
Como usar
- Adicione uma imagemQualquer foto, logo ou arte.
- Ajuste o tamanho da paletaDe 3 a 12 cores — veja as amostras atualizarem ao vivo.
- Copie os códigosClique em qualquer amostra para o hex dela, ou copie a paleta inteira de uma vez.
Extraia uma paleta de verdade de qualquer imagem
Este extrator lê os pixels reais da sua imagem e encontra suas cores dominantes usando a quantização por corte mediano (median-cut), a mesma abordagem por trás de uma boa redução de cores. Isso significa que a paleta reflete o que genuinamente está na foto, não um chute ou uma média filtrada. Carregue uma imagem e você obtém um conjunto de amostras em hexadecimal tiradas direto da origem.
Você escolhe quantas cores extrair, de 3 a 12. Menos amostras dão uma paleta enxuta estilo marca; mais dão um esquema de cores mais completo para trabalho de design. Amostras idênticas são deduplicadas, então você nunca recebe o mesmo hexadecimal duas vezes.
Copie códigos hexadecimais em um clique
Cada amostra mostra seu valor hexadecimal, e clicar em uma amostra copia esse código para a sua área de transferência. Quando você quer o conjunto todo, um botão copia a paleta inteira de uma vez, pronta para colar em CSS, uma ferramenta de design ou um guia de estilo. A paleta é ordenada do claro ao escuro para ler como uma escala ordenada em vez de uma bagunça.
Como tudo roda no navegador sobre a sua própria imagem, você pode extrair uma paleta de cores de uma foto, uma captura de tela ou um logotipo sem enviar nada.
Para que as pessoas usam
Montando uma paleta de marca — Extraia as cores dominantes de um logotipo ou imagem de destaque para ancorar um sistema de cores consistente.
Combinando um design com uma foto — Extraia o esquema de cores de uma foto de produto para que seu layout pareça parte da mesma imagem.
Temas de web e interface — Pegue códigos hexadecimais de uma imagem de referência para semear variáveis CSS das cores de destaque e fundo de um site.
Escolhendo cores de uma arte — Amostre as cores reais de uma ilustração ou pintura para reutilizar no seu próprio trabalho.
Temas de apresentação e slides — Extraia algumas cores dominantes de uma imagem de capa para dar tema à apresentação inteira.
Moodboards de moda e interiores — Obtenha a paleta de uma foto de inspiração para combinar tecidos, tintas ou acessórios.
Conjuntos de cores para visualização de dados — Extraia um conjunto distinto de cores de uma imagem de referência para montar uma paleta de gráficos.
Consulta rápida de hexadecimal — Solte uma captura de tela e clique na amostra que você precisa para copiar o hexadecimal exato dela.
Extraia as cores direto de uma imagem
Você tem uma foto, uma captura de tela, uma embalagem, um fotograma de filme — e quer as cores dela como códigos hexadecimais. Talvez para combinar um site com uma foto de marca, para montar um tema de slides em torno de uma foto de produto ou para descobrir o que aquele degradê de um pôster realmente é. Ler cores a olho é pouco confiável; uma cor que parece azul-marinho no seu monitor pode ser #1B2A4A ou #14233F, e adivinhar custa tempo e um resultado ligeiramente errado.
O instinto é abrir um site de paletas e reconstruir as cores do zero, mas isso inverte a tarefa. Ferramentas como Coolors e Adobe Color são excelentes em gerar paletas — você trava uma amostra, aperta espaço e explora harmonias — mas quando a cor que você quer já existe dentro de uma imagem, gerar do nada é o caminho mais longo. Você acaba usando o conta-gotas na imagem num app e colando códigos hexadecimais em outro.
O Palette faz a coisa direta. Solte uma imagem e ele extrai um conjunto de cores dominantes usando quantização por corte mediano — a mesma família de algoritmo usada para reduzir uma imagem às suas cores mais representativas — e depois as mostra como amostras ordenadas do claro ao escuro. Clique em qualquer amostra para copiar seu código hexadecimal, ou copie o conjunto inteiro de uma vez. Um controle deslizante leva você de três a doze cores, então você pode extrair um par de destaque enxuto ou um tema completo. Ele roda inteiramente no seu navegador: a imagem é lida localmente e nunca enviada, o que importa quando a origem é um design não lançado, a foto de um cliente ou qualquer coisa que você preferia não mandar a um servidor só para amostrar uma cor.
O que faz a diferença
- Extrai, não gera. Ele lê as cores que já estão na sua imagem em vez de te pedir para montar uma paleta do zero.
- Quantização por corte mediano. Um algoritmo de verdade escolhe cores dominantes representativas em vez de amostrar alguns pixels aleatórios.
- Quantidade ajustável. Deslize de 3 a 12 cores — um par de destaque ou um tema completo — e ele reextrai ao vivo.
- Clique para copiar. Toque em qualquer amostra para o hexadecimal dela, ou copie todos os códigos num clique, prontos para colar em CSS, numa ferramenta de design ou num tema de slides.
- Ordenado para uso. As amostras são ordenadas por brilho para a paleta se ler naturalmente.
- Privado e offline. A imagem nunca sai do seu dispositivo, e continua funcionando após a primeira visita sem conexão.
- Grátis, sem conta, sem marca-d'água.
IMG.DIY versus outras ferramentas de cor
Coolors e Adobe Color são ferramentas fortes com um centro de gravidade diferente. A divisão honesta é gerar-uma-paleta versus extrair-cores-de-uma-imagem.
| Aspecto | Coolors | Adobe Color | IMG.DIY |
|---|---|---|---|
| Força principal | Gerar e explorar paletas | Harmonias de cor, integração com a Adobe | Extrair cores de uma imagem |
| Extrair de imagem | Sim (upload / restrito no gratuito) | Sim | Sim, função principal |
| Envia a imagem ao servidor | Normalmente sim | Sim | Não, fica no navegador |
| Precisa de conta | Para salvar / alguns recursos | Conta Adobe para uso completo | Não |
| Quantidade de cores ajustável | Sim | Conjuntos fixos | 3–12, ao vivo |
| Copiar hexadecimal | Sim | Sim | Clique numa amostra, ou copie todos |
| Offline | Não | Não | Sim, após a primeira visita |
| Custo | Camada gratuita + paga | Grátis com conta Adobe | Grátis, sem limites |
Se o seu trabalho é projetar uma paleta do nada — explorar harmonias, travar e embaralhar, salvar coleções — Coolors e Adobe Color são a melhor casa, e o Adobe Color é difícil de superar se você vive dentro do Creative Cloud. Onde eles ficam mais pesados é no caso exato para o qual esta ferramenta foi feita: você já tem uma imagem e só quer as cores dela, de forma privada, sem um upload ou um login. O Palette extrai os códigos hexadecimais num só arraste, deixa você ajustar a quantidade e os copia para você — e depois sai do caminho.
Por que o IMG.DIY
Dominantes reais
Median-cut sobre pixels reais, não uma média borrada.
Cópia com um clique
Cada amostra copia seu hex na hora.
3–12 cores
Defina exatamente o quão detalhada é a paleta.
Privado
A imagem nunca sai do seu dispositivo.