Paleta de cores a partir de imagem

● Roda no seu aparelho. A imagem nunca é enviada.

Loading…

Extraia as cores dominantes de uma imagem: um logo, uma foto, uma pintura ou uma captura de tela. A paleta é encontrada agrupando os pixels da imagem pela semelhança visual, lista cada cor com a sua participação na imagem e pode ser exportada como propriedades personalizadas de CSS, JSON ou texto simples. Nada sai do seu aparelho.

Como funciona

  1. Solte, cole ou escolha uma imagem.
  2. Escolha de 5 a 8 cores; clique numa amostra para ver o HEX, RGB, HSL e OKLCH dela.
  3. Baixe a paleta como .css, .json ou .txt.

Perguntas frequentes

Meu arquivo é enviado para algum servidor?
Não. Tudo acontece dentro do seu navegador, no seu próprio aparelho. Você mesmo pode verificar: abra as ferramentas de desenvolvedor do navegador (DevTools), observe a aba Rede enquanto a ferramenta trabalha e você não verá nenhum envio. O selo ao lado do título da página conta, em tempo real, os bytes que esta página enviou.
Como as cores são escolhidas?
Uma cópia reduzida da imagem é dividida em grupos de cor (median cut), e depois os grupos são refinados pela semelhança das cores aos olhos (k-means no OKLab). Tons quase idênticos são unidos, então você recebe cores distintas, ordenadas por quanto da imagem cada uma ocupa. A mesma imagem sempre gera a mesma paleta.
Por que recebi menos cores do que pedi?
Se uma imagem tem só algumas cores claramente diferentes, um logo chapado, por exemplo, a paleta mostra essas cores em vez de encher a lista com quase-duplicatas. Áreas transparentes são ignoradas.

Ferramentas relacionadas