pegar cores

Seletor de cores de imagem

Clique num pixel para o código HEX, ou deixe a ferramenta extrair as cores principais da imagem.

pegar cores

☞ roda inteiramente no seu navegador — nada é enviado

Solte sua imagem aqui

ou clique para escolher — PNG, JPG, WebP ou GIF

duas formas de ler uma cor

O pixel exato, ou as cores da imagem inteira

Apontar para um pixel e apontar para uma imagem são perguntas diferentes. O conta-gotas responde à primeira: clique em qualquer ponto e você recebe o valor daquele pixel, sem arredondar nem tirar média, em HEX para CSS, RGB para programas de design e HSL para quando precisar mexer no matiz ou na luminosidade. Arrastando com o botão pressionado, a leitura acompanha o ponteiro — bem mais fácil do que acertar uma linha de dois pixels.

A paleta responde à segunda. Cada pixel é atribuído a um punhado de cores representativas, e cada amostra vem com a fatia da imagem que cobre — a ordem mostra do que a imagem é feita de verdade, e não o que brilha mais. Essas médias ficam perto do que você vê, mas nem sempre existem pixel a pixel; por isso o conta-gotas continua ali para quando você precisar do valor literal.

três passos

Como tirar cores de uma imagem

01

Solte a imagem

PNG, JPG, WebP e GIF são lidos direto no seu navegador. A captura de uma página de marca ou uma foto não publicada ficam na sua máquina.

02

Clique para uma cor

O valor aparece em HEX, RGB e HSL ao mesmo tempo. Copiar leva o código HEX para a área de transferência; se o ponto for pequeno, segure o botão e arraste.

03

Ou pegue a paleta inteira

Escolha quantas cores quer e a imagem é reduzida a essa quantidade, ordenada pela área que ocupam. Clique numa amostra para copiá-la, ou copie a lista toda de uma vez.

respostas rápidas

Perguntas frequentes sobre o seletor de cores

A cor escolhida é o valor exato do pixel?

É. Para escolher cores a imagem fica na resolução original, então você recebe o valor guardado no arquivo e não algo que uma prévia reduziu e misturou. Só uma imagem grande demais para os limites de tela do navegador é reduzida antes.

O que significa a porcentagem ao lado de uma amostra?

O quanto da imagem aquela cor representa. Cada pixel é atribuído à amostra mais próxima e contado, então a lista segue a área real: um detalhe pequeno e vivo não passa na frente do fundo.

Por que uma cor da paleta difere um pouco do que vejo?

A cor da paleta é a média representativa de um grupo inteiro de pixels parecidos, então pode não existir assim na imagem. Quando precisar do valor literal de um ponto, use o conta-gotas.

O que acontece com um PNG transparente?

Os pixels transparentes ficam de fora da paleta. Sem isso, um logotipo em fundo transparente voltaria quase todo branco — a cor da tela por trás, que nem está na sua imagem.

Quais formatos posso usar?

PNG, JPG, WebP e GIF, até 25 MB. Um GIF animado é lido no primeiro quadro. Arquivos HEIC de iPhone não têm suporte; converta antes.

Posso copiar a paleta toda de uma vez?

Pode. «Copiar todas» coloca cada código HEX na área de transferência, um por linha, pronto para colar numa folha de estilo, num arquivo de design ou numa mensagem.

Funciona só com o teclado?

Pegar um pixel exige ponteiro, mas as amostras da paleta são botões: chegue nelas com Tab e aperte Enter para copiar o código. As cores principais de uma imagem ficam acessíveis sem mouse.

Minhas imagens são enviadas?

Não. A imagem é decodificada e medida dentro do seu navegador, e nada é enviado a lugar nenhum. Não há servidor nesta ferramenta para receber imagem.

É grátis?

Sim — grátis, sem marca d’água e sem cadastro.