Pegar cor da imagem: descubra o código HEX de qualquer cor

Adicione a imagem e clique no ponto desejado. O código hexadecimal aparece na hora, ao lado de uma amostra grande da cor, pronto para colar em um programa de design, um site ou uma mensagem.

Para um pixel sólido, o código é seu valor exato. Ele é lido da imagem em tamanho real, nunca de uma prévia reduzida, então um detalhe mínimo numa foto de 12 MP mantém sua cor verdadeira.

Isso importa porque fotos têm ruído. Dois pixels lado a lado podem variar alguns tons, até em um céu azul limpo. A lupa marca o pixel central, para você saber qual código vai pegar antes de clicar.

Em um print PNG, os pixels dentro de uma área lisa, como um botão, costumam ter o mesmo código. Em um JPG, escolha longe de bordas e texto, onde a compressão altera mais as cores.

Todo código é um valor sRGB, o padrão para cores na web. Algumas fotos de iPhone têm uma gama de cores mais ampla. Elas são convertidas para sRGB, então uma cor bem vibrante pode resultar em um código um pouco mais fosco.

No Chrome, Edge ou Opera em um computador, clique em Escolher na tela. Seu cursor vira uma ferramenta de conta-gotas que lê qualquer pixel da sua tela, como um site, um app ou um documento. Clique em um ponto, e os códigos aparecem aqui como em qualquer outra escolha.

Firefox, Safari e navegadores de celular não conseguem ler a tela dessa forma, então o botão não aparece neles. Tire um print, depois cole aqui com Ctrl+V (Cmd+V no Mac) e escolha a cor.

No celular, tire um print e adicione a partir das suas fotos. De qualquer forma, não há extensão de navegador ou programa para instalar.

Cada seleção mostra a mesma cor em cinco formatos, cada um com seu próprio botão de copiar. Veja um pixel roxo:

• HEX: #8338ec, o código curto usado pela maioria dos sites e programas de design
• RGB: rgb(131 56 236), as quantidades de vermelho, verde e azul, de 0 a 255
• HSL: hsl(265 83% 57%), o matiz, a saturação e a luminosidade
• HSV: matiz 265°, saturação 76% e valor 93%, o modelo usado por muitos programas de design em seus seletores de cor
• CMYK: 44% ciano, 76% magenta, 0% amarelo e 7% preto, como estimativa para impressão

Os códigos HEX, RGB e HSL são CSS válido, então é só colar direto numa stylesheet. Se um pixel é parcialmente transparente, como na borda suave de uma logo em PNG, os códigos preservam essa transparência também, e a cor é a mais fiel possível que o navegador consegue ler.

Descubra o nome de uma cor

Cada escolha também recebe um nome. O seletor encontra o mais próximo entre os 148 nomes de cores CSS e mostra como Parecido com, então aquele pixel roxo aparece como Parecido com: blueviolet. Use o nome para descrever uma cor em palavras, ou cole direto no CSS como está.

Qual código de cor usar?

Use HEX na maioria dos casos, já que sites e a maioria dos programas de design aceitam. Os outros códigos ajudam em alguns casos:

• RGB quando um app pede números separados de vermelho, verde e azul
• HSL ou HSV quando você quer deixar uma cor mais clara, escura ou suave manualmente
• CMYK como ponto de partida aproximado para impressão. Vem de uma fórmula simples, não de um perfil de impressora, então peça à gráfica para ajustar a cor final

Qualquer imagem funciona, de uma foto de celular a um print de uma página da web. Usos comuns:

• Prints: copie um print e cole aqui para pegar uma cor de um site ou app
• Logos: escolha uma cor de marca a partir de um arquivo de logo quando não há manual de marca
• Fotos: pegue a cor de um céu, um vestido ou uma parede pintada em uma imagem

Salve as cores que você escolher

Cada escolha entra em Suas cores, as mais recentes primeiro, com espaço para 24. Copie ou remova qualquer cor, ou limpe a lista. Depois exporte a lista inteira como:

• Variáveis CSS para colar em uma folha de estilo
• Um trecho de configuração do Tailwind
• JSON com o HEX, RGB e HSL de cada cor
• Uma imagem PNG das suas amostras para compartilhar

A lista fica salva no seu navegador, então continua lá depois de recarregar a página ou ao abrir outra imagem. Ela guarda só os códigos de cor, nunca suas imagens. Quando a lista fica cheia, a cor mais antiga sai.

Veja as cores principais da sua imagem

O seletor também mostra as 6 cores principais da sua imagem. Clique em uma para adicioná-la a Suas cores. Para pegar as cores principais da imagem inteira como uma paleta, com 4 a 12 cores, abra o extrator de paleta.

Este pegador de cor é grátis, sem cadastro e sem conta, até para exportar suas cores. Suas imagens abrem no celular ou computador e nunca são enviadas a um servidor. Roda no navegador, então não há app para baixar.

• Funciona em celulares, tablets e computadores. Em tela sensível ao toque, a lupa fica acima do dedo, então o dedo nunca esconde o pixel.
• Funciona com teclado também. Use Tab até a imagem, mova a mira com as setas (Shift move 10 px) e pressione Enter para escolher.
• Abre arquivos JPG, PNG, WebP, AVIF, GIF, BMP, SVG, HEIC, HEIF e TIFF de até 50 MB. Um GIF usa seu primeiro quadro.
• Fotos HEIC do iPhone abrem como estão, sem precisar converter antes.
• Funciona em uma imagem por vez. Abra outra, e Suas cores continua como estava.