Como funciona
Escolha uma foto, logo ou captura de tela, e as cores principais são encontradas com o algoritmo median cut, que divide repetidamente as cores da imagem em grupos de mesmo tamanho. Cada cor mostra o código HEX e quanto da imagem ela ocupa, e a paleta inteira pode ser copiada como variáveis CSS.
Imagem → cores agrupadas por semelhança → cor média de cada grupo
Bons usos
- Montar a paleta de uma marca ou site a partir da foto de um produto.
- Combinar as cores de slides, cartazes ou miniaturas com uma imagem.
- Descobrir as cores exatas de um logo ou ilustração.
Dicas
- Menos cores mostram os tons dominantes; mais cores revelam os detalhes de destaque.
- Áreas transparentes de imagens PNG são ignoradas.
- A imagem é analisada no seu dispositivo e nunca é enviada.
Padrões e fontes
- A quantização de cores usa o algoritmo median cut (Heckbert, 1982)
- As cores são informadas em sRGB conforme o CSS Color Module Level 4
Última revisão 7 de outubro de 2026
Perguntas frequentes
Como as cores principais são escolhidas?
O algoritmo median cut divide repetidamente as cores da imagem em grupos e tira a média de cada grupo, então as cores mais frequentes se destacam.
Quantas cores devo extrair?
De quatro a seis mostram o clima geral; de oito a doze também captam os detalhes menores de destaque.
Funciona com logos e capturas de tela?
Sim. Imagens chapadas dão cores bem exatas, e as áreas transparentes de PNG são ignoradas.
Minha imagem é enviada?
Não. A imagem é reduzida e analisada dentro do seu navegador e nunca sai do seu dispositivo.
Posso usar as cores no CSS?
Sim. Copie o bloco de variáveis CSS ou toque em uma cor para copiar o código HEX.