Gerador de Paleta a partir de Imagem
Carregue uma fotografia ou captura de ecrã e obtenha as suas cores principais como variáveis CSS. Ideal para clonar a paleta de design de qualquer interface ou imagem de referência.
Imagem de origem
Cores dominantes
Carregue uma imagem para ver as suas cores dominantes como variáveis CSS.
Como usar: Paleta de imagem
- 1Carregue uma imagem (é processada no seu browser).
- 2A ferramenta extrai as cores dominantes.
- 3Copie as cores em HEX ou como variáveis CSS.
Para que serve?
- Criar uma paleta a partir de uma foto ou logótipo.
- Adaptar o design de um site às imagens de uma marca.
- Procurar inspiração de cor.
Extrair as cores de uma imagem
Como se obtêm
O algoritmo agrupa pixéis em conjuntos de cor e escolhe os mais representativos. O resultado muda com o número de cores pedido.
Usos em design
Criar uma paleta de marca a partir de um logótipo ou fotografia, combinar a cor de um texto com uma imagem de cabeçalho ou gerar fundos que condigam.
Privacidade
A imagem é processada no seu navegador e não é enviada a nenhum servidor.
Ferramentas relacionadas
Perguntas frequentes
A imagem é enviada para algum servidor?+
Não. A imagem é processada completamente no seu navegador usando Canvas. Nada é transmitido para a internet.