LÂMINA · CORES
Extrair paleta de cores de uma imagem
Solta a foto, o print ou o logo e leva as 8 cores que dominam a imagem — cada uma com hex pra copiar, ou todas de uma vez como variáveis CSS.
Processado no seu navegador — seus arquivos não saem do seu computador.
Como funciona
-
Solta a imagem aqui
Arraste um .jpg, .png ou .webp de até 20 MB pra área pontilhada, ou clique pra escolher. Serve foto, print de tela, logo, pintura — qualquer imagem.
-
Veja as 8 cores dominantes
A ferramenta analisa os pixels e separa as 8 cores que mais aparecem, das mais presentes pras menos. Leva menos de um segundo.
-
Copie uma ou todas
Clique num swatch pra copiar o hex dele, ou em "Copiar todas (CSS)" pra levar a paleta inteira como variáveis CSS prontas pro seu projeto.
Perguntas frequentes
Como a ferramenta escolhe as cores?
Ela usa median cut, o mesmo algoritmo clássico dos editores de imagem: agrupa os pixels parecidos em 8 caixas e tira a cor média de cada uma, ordenando da mais presente pra menos. O resultado é a paleta que resume a imagem — não 8 pixels soltos.
Por que a cor que eu vejo na foto não apareceu?
A paleta mostra as cores DOMINANTES — as que ocupam mais área. Um detalhe pequeno e chamativo (uma flor vermelha numa paisagem verde) pode não entrar. Pra pegar a cor de um ponto exato, usa a lâmina Conta-gotas, que lê o pixel que você clicar.
Que formatos de imagem são aceitos?
JPG, PNG e WebP, até 20 MB. Foto de iPhone em HEIC? Converte antes na lâmina HEIC para JPG e volta aqui.
O que vem no "Copiar todas (CSS)"?
Um bloco :root com as 8 cores como variáveis (--cor-1 a --cor-8), pronto pra colar na sua folha de estilos e usar com var(--cor-1).
Funciona com logo e ilustração ou só com foto?
Funciona com qualquer imagem. Em logos e ilustrações com poucas cores o resultado é ainda mais limpo — pode vir menos de 8 cores se a imagem não tiver mais que isso. Áreas transparentes do PNG são ignoradas.
Minha imagem é enviada pra algum servidor?
Não. A análise acontece dentro do seu navegador, no seu aparelho. A foto nunca sai do seu computador — pode até desligar o Wi-Fi depois que a página carregar.