Extrair cores de uma imagem

Tira as cores usadas em uma imagem e mostra como códigos de cor (HEX, RGB).

1. Escolha uma imagem

Aceita JPEG, PNG, WebP, GIF e HEIC (fotos do iPhone).

Arraste e solte as imagens aqui

ou

2. Cores da imagem

As cores mais usadas na imagem, da mais comum para a menos comum. Toque em uma para copiar.

Número de cores

Formato

3. Use todas

Salve a paleta como imagem ou copie todas as cores de uma vez.

Tudo acontece neste dispositivo. Suas imagens nunca são enviadas.

As cores são contadas em uma cópia reduzida da imagem, então detalhes muito pequenos podem não aparecer na paleta. Para eles, use o conta-gotas.

Foi útil? Adoraríamos que você compartilhasse

Algo não funcionou ou tem uma ideia para melhorar?

Informar um problemaSugerir uma melhoria

Como usar

  1. 1. Escolha uma imagem

    Toque em “Escolher arquivos” e escolha a foto ou imagem que quer analisar.

  2. 2. Veja as cores usadas

    As cores mais usadas aparecem abaixo da imagem. Mude “Número de cores” ou “Formato” e toque em uma cor para copiá-la.

  3. 3. Pegue uma cor com o conta-gotas

    Toque na imagem para pegar e copiar a cor daquele ponto. Segure um pouco e mova o dedo para mostrar uma lupa e escolher um ponto exato; a cor de onde você tirar o dedo é a escolhida.

  4. 4. Use todas

    “Salvar paleta como imagem” salva uma imagem com as cores e seus códigos.

Ideal para

  • Usar as cores de uma foto ou ilustração como referência

    Tire as cores de uma foto ou ilustração de que você gosta e use em apresentações, documentos ou no seu site.

    Quem faz design ou documentos

  • Descobrir a cor exata de um logo ou produto

    Toque na imagem para ver o código da cor naquele ponto — útil para conferir cores de marca.

    Equipes de web e marketing

  • Levar as cores direto para o CSS

    Use “Copiar como variáveis CSS” e cole a paleta direto na sua folha de estilos.

    Desenvolvedores web

  • Escolher cores para artesanato ou pintura

    Anote as cores de uma foto como códigos para ajudar na escolha de tinta, lã ou tecido.

    Quem gosta de fazer coisas à mão

É bom saber antes de começar

  • As cores na tela mudam conforme o monitor e o brilho da foto. Para cores de impressão (CMYK), confira com as amostras da sua gráfica.
  • JPEGs muito comprimidos misturam cores levemente diferentes em áreas que parecem lisas. Para uma cor exata, use o conta-gotas.
  • Para deixar imagens mais leves, experimente “Comprimir imagens”.

Sobre códigos de cor

Um código de cor descreve uma cor com números. Na web e em apps de design são comuns três notações: HEX, RGB e HSL. Todas descrevem a mesma cor, só muda a forma de escrever.

Esta ferramenta reduz a imagem, agrupa as cores parecidas e encontra as mais usadas. A porcentagem indica, aproximadamente, quanto da imagem é próximo daquela cor.

Notações de cor
ExemploUso comum
HEX#F5A524Web e apps de design
RGBrgb(245, 165, 36)CSS e editores de imagem
HSLhsl(37, 91%, 55%)Ajustar luminosidade ou vivacidade

Perguntas frequentes

Respostas para as dúvidas mais comuns antes de começar.

Minhas imagens são enviadas para algum lugar?

Não. Tudo acontece dentro do navegador do seu aparelho, e suas imagens nunca são enviadas a um servidor.

As cores são exatas?

As cores do conta-gotas são exatamente o pixel tocado. As da paleta são médias de cores parecidas, então podem não coincidir com nenhum pixel específico.

Uma cor que eu quero não aparece na paleta.

Coloque “Número de cores” em 12 para mostrar cores menos frequentes. Para detalhes muito pequenos, toque na imagem e pegue a cor com o conta-gotas.

Como copio uma cor?

Toque em uma cor da paleta para copiá-la. As cores do conta-gotas são copiadas assim que você toca. “Copiar todos os HEX” copia todas de uma vez.

Qual a diferença entre HEX, RGB e HSL?

São formas diferentes de escrever a mesma cor. HEX usa “#” e hexadecimal, RGB indica quanto há de vermelho, verde e azul, e HSL usa matiz, saturação e luminosidade. Troque para a que você precisar.

Consigo as cores de impressão (CMYK)?

Não. Esta ferramenta mostra cores de tela (sRGB). Para impressão, confira as amostras de cor da sua gráfica.

E as áreas transparentes?

As áreas transparentes não são contadas ao montar a paleta.

Posso salvar a paleta?

“Salvar paleta como imagem” salva um PNG com as cores e seus códigos. “Copiar como variáveis CSS” copia tudo pronto para colar em uma folha de estilos.

Fotos do iPhone (HEIC) funcionam?

Sim. Além de JPEG, PNG, WebP e GIF, você pode tirar cores de fotos HEIC do iPhone.

É grátis?

Sim. Sem cadastro e sem anúncios.

Mais ferramentas