Imagem

Paleta de cores

Extraia as cores dominantes de qualquer imagem.

Arraste uma imagem ou clique para selecionar

Como usar

  1. Faça upload de qualquer imagem — foto, banner, logotipo ou ilustração.
  2. A ferramenta extrai automaticamente as 10 cores dominantes da imagem.
  3. Clique em qualquer cor para copiar o código HEX diretamente para o clipboard.

Dicas de uso

Extrair a paleta de uma imagem é o ponto de partida para criar designs harmonizados. Se uma foto ou logotipo inspira um projeto, usar as cores dela como base garante coerência visual desde o início.

  • Fotos com alto contraste geram paletas mais variadas; fotos monocromáticas geram tons próximos — ambas têm usos diferentes em design.
  • Copie 3 a 4 cores para criar um sistema básico: uma cor primária, uma secundária e 1 a 2 tons neutros.
  • Use junto com o Conversor de Cores para exportar os HEX nos formatos RGB e HSL que o CSS de variáveis exige.

💡 Próximo passo: Conversor de cores — converta os HEX extraídos para RGB ou HSL para usar nas variáveis CSS do seu projeto.