Obter as cores dominantes de uma imagem
Para combinar uma página com uma fotografia, ou recuperar as cores de uma marca a partir do logo quando ninguém acha o manual de identidade.
- Funciona inteiramente no seu navegador
- Funciona offline
- Sem envio de arquivos
- Sem registro
- Sem marca d’água
Carregando a ferramenta…
Como funciona
- Solte uma ou mais imagens.
- Escolha quantas cores você quer.
- Copie o resultado como variáveis CSS (para páginas web) ou como JSON.
Por que nada é enviado
Tudo o que esta página faz é executado por código que roda dentro da aba do seu navegador, com o mesmo motor que desenha as páginas web. O arquivo é lido do disco para a memória da aba, transformado ali e escrito de volta como um download. Ele nunca é enviado a lugar nenhum — nem para nós, nem para terceiros.
Comprove você mesmo
- Abra as ferramentas de desenvolvedor do navegador (F12) e escolha a aba Rede.
- Carregue o seu arquivo e rode a ferramenta.
- As únicas requisições que você vai ver baixam o código da própria ferramenta — e, em algumas ferramentas pesadas, o motor de código aberto delas a partir de um CDN público — mais um pequeno aviso de visita para loreatec.jp (endereço e título da página, nada mais). Nenhuma delas leva o seu arquivo.
Perguntas frequentes
Como as cores são escolhidas?
Cores parecidas são agrupadas e os grupos são ordenados pela parte da imagem que cobrem, então a primeira cor é aquela que você chamaria de fundo. O resultado é sempre o mesmo para a mesma imagem, o que importa quando você está fechando as cores de uma marca.
Por que a paleta fica meio apagada?
Porque cada amostra é a média do seu grupo. Uma foto com um logo vermelho vivo sobre uma parede cinza grande é majoritariamente cinza, e a ordenação diz isso. Peça mais cores para os detalhes menores aparecerem.
Consigo a cor exata de um logo?
Em um gráfico chapado, sim — as áreas são uniformes, então a média é o valor real. Em uma fotografia de um logo impresso, não: a iluminação desloca cada pixel, e o resultado é uma aproximação próxima.
A transparência é tratada?
Os pixels transparentes são ignorados em vez de contados como brancos, então um logo em PNG sem fundo devolve as cores do logo em vez de uma paleta dominada pelo branco.