Extrair paleta de cores da imagem

Descubra as cores predominantes de uma imagem, com a cor dominante em destaque e valores em HEX, RGB e HSL para copiar, sem enviar o arquivo a servidor nenhum.

Processamento local — seu arquivo é processado diretamente no navegador e não precisa ser enviado aos servidores do 7Tools.

Extrair paleta de cores da imagem

até 50 MB por arquivo · 1 por lote

Arraste a imagem aqui

ou use o botão abaixo

JPG · PNG · WebP · AVIF

Para que serve

Montar uma paleta a partir de uma foto, combinar o site com a cor do produto, saber qual é a cor dominante de um logotipo ou de uma fotografia. Esta ferramenta lê a imagem e devolve as cores predominantes, da mais presente para a menos presente.

A cor dominante vem em destaque, e todas as cores saem em HEX, RGB e HSL, prontas para colar no CSS, no Figma ou no editor que você usa.

Como usar

  1. Escolha uma imagem ou arraste-a para a área indicada.
  2. Escolha quantas cores quer ver: 3, 5, 8 ou 12.
  3. Confira a cor dominante, em destaque no topo, e as demais logo abaixo.
  4. Clique em Copiar no valor que precisa. O botão confirma com a palavra Copiado.

Como funciona

A imagem é reduzida para no máximo 200 pixels no lado maior, e só essa amostra é analisada: o resultado é praticamente o mesmo e a análise termina em instantes, mesmo com foto grande.

Os pixels da amostra são agrupados pelo método median cut: o conjunto é dividido ao meio, repetidamente, pelo canal de cor (vermelho, verde ou azul) que mais varia, até chegar ao número de cores pedido. A cor de cada grupo é a média dos seus pixels, e o percentual é a fração dos pixels visíveis que caiu nele.

Formatos aceitos

  • JPG, PNG, WebP e AVIF — os que o navegador decodifica nativamente.
  • GIF animado não é aceito. Só o primeiro quadro seria lido.

Privacidade

Tudo acontece no seu navegador. A imagem não sai do dispositivo, não há requisição de rede e não existe servidor nosso que a veja.

Limitações

  • Uma imagem por vez, de até 50 MB.
  • A paleta é uma aproximação: cores pequenas, mas importantes, como um detalhe no logotipo, podem ficar de fora com poucas cores pedidas.
  • O copiar depende de permissão do navegador. Se for negado, a ferramenta avisa e você ainda pode selecionar o valor e copiar à mão.
  • As cores seguem o espaço de cor do navegador, que pode diferir do perfil de cor do arquivo original.

Quando isso resolve

  • Tirar a paleta de uma foto de referência para um projeto.
  • Descobrir a cor dominante de uma imagem de produto.
  • Combinar o fundo ou a fonte de um site com uma imagem de capa.
  • Conferir as cores predominantes de um logotipo.

Perguntas frequentes

Ferramentas relacionadas