Seletor de cor de imagem online grátis

Solte uma foto, mire com a lupa e copie o HEX, o RGB ou o HSL. Num logo chapado basta um pixel. Numa foto você pode tirar a média de um bloco. No celular, amplie e mire acima do dedo. O arquivo fica nesta aba.

Solte uma foto para pegar a cor

JPG, PNG, WebP, GIF, BMP ou AVIF. Um arquivo abaixo de 40 MB. Cole um print com Ctrl+V ou ⌘V.

100% privado: os pixels ficam neste navegador. Nada é enviado.

100% local

O seletor de cor de imagem roda neste navegador. A foto não sai da aba.

Sem enviar

Nada vai a um servidor para ler um pixel ou montar a paleta.

Grátis, sem conta

Sem cadastro e sem marca d'água no código. Copie HEX, RGB ou HSL.

O que é um seletor de cor de imagem

Um seletor de cor de imagem lê a cor de um pixel num arquivo que você já tem e entrega o código. Quem busca seletor de cores por imagem pede a mesma coisa: uma foto entra, um código sai. Pegar a cor, o código hex ou a paleta é esse mesmo passo. A busca em inglês para esse trabalho é color picker from image. Não é uma busca de fotos de uma cor, e não é um filtro que pinte a foto de outro jeito. HEX, RGB e HSL são três escritas do mesmo ponto fixado. Um exemplo fica exatamente #1A73E8, rgb(26, 115, 232) e hsl(214, 82%, 51%). O nome ao lado é o nome CSS em inglês mais próximo, como steel blue ou tomato. Não é nome de marca impresso na embalagem.

Uma extensão, o seletor do Windows ou o do Chrome leem a tela. Eles não abrem um PNG que está em Downloads, e falham num navegador sem API de tela. Esta página desenha o seu arquivo na superfície da aba e lê essa superfície. Você cola um print ou solta o arquivo. Um endereço de outro site não entra: a foto hospedada fora quase nunca pode ser lida desta aba, e esta página não envia o arquivo para contornar isso. PDF também não: a página lê pixels de foto, não páginas. Uma extensão não é requisito. Grátis, neste caso, é esta aba: sem conta e sem instalador.

Um pixel é a leitura certa num logo chapado ou no preenchimento de um botão. Numa fotografia costuma ser a leitura errada. Blocos de JPEG, ruído da câmera e borda suavizada fazem os vizinhos discordarem, enquanto o olho tira a média. 3×3 e 5×5 medem esse bloco pequeno para o código ficar mais perto da cor que você vê. A lupa desenha esses pixels de verdade, 11 por 11, com a célula do centro marcada, para o ponteiro não cobrir o ponto. As setas andam um pixel. Shift anda dez. A paleta de cores de uma imagem, ao lado, junta até oito cores deste arquivo, áreas grandes com as cores mais fortes, para um logo pequeno não sumir num fundo claro. Marrons quase iguais são pulados. Isso não é paleta de IA e não é guia de marca. No celular a amostra fica acima do dedo. Arquivo mais largo que 2.000 px é lido numa cópia de 2.000 px, e a página avisa. GIF animado usa o quadro 1.

Uma lupa sobre uma foto impressa de uma caneca azul e uma laranja.

HEX, RGB e HSL são a mesma cor

Copie a escrita que o próximo programa espera. Os três códigos abaixo descrevem um pixel fixado.

FormatExampleUse
HEX#1A73E8CSS, HTML, Figma e a maioria das ferramentas de design. Seis dígitos depois de #.
RGBrgb(26, 115, 232)A mesma cor em vermelho, verde e azul, de 0 a 255.
HSLhsl(214, 82%, 51%)Matiz, saturação e luminosidade. Mais cômodo quando você precisa de um passo mais claro ou mais escuro.

O que você consegue fazer aqui

Um arquivo, uma lupa, um zoom, um tamanho de amostra e códigos para copiar. A paleta guarda as áreas grandes e também as cores mais vivas.

Uma lupa dos pixels reais

A grade segue o ponteiro e desenha um bloco de 11 por 11 tirado do arquivo, não um zoom borrado da prévia. A célula do centro é o pixel que você vai fixar. As setas movem um pixel. Shift move dez. Assim você acerta uma borda sem arrastar o mouse em meio passo.

Inteira, 2× ou 4×

Inteira mostra o arquivo todo. 2× e 4× aumentam para uma marca pequena ficar mais fácil de acertar. Arraste o arquivo ampliado para mover, depois clique ou solte para fixar. A lupa continua lendo os pixels do próprio arquivo.

1 px, 3×3 ou 5×5

1 px é o pixel sozinho, para logos e preenchimento chapado. 3×3 e 5×5 tiram a média do bloco em volta, para fotos em que os vizinhos não coincidem. Pixels transparentes do bloco são pulados, para uma borda meio vazia não lavar a média.

HEX, RGB, HSL e um nome próximo

Copie HEX, RGB ou HSL da cor fixada. O nome é o nome CSS mais próximo pela distância RGB, por exemplo steel blue ou tomato. Não é o nome de uma marca. Colar esse nome no CSS não volta ao mesmo HEX. Cole o código.

Uma paleta deste arquivo

Até oito amostras misturam as maiores áreas chapadas com as cores mais fortes, para um logo pequeno não ficar enterrado num fundo claro. Clique numa para fixá-la. Marrons quase duplicados são pulados. Continua sendo leitura deste arquivo, não uma paleta de IA e não um guia de marca.

Como pegar a cor de uma imagem

Adicione o arquivo, mire, fixe, copie. A prévia é o arquivo. Não há um segundo passo de conversão.

1

Adicione a foto

Solte um JPG, PNG, WebP, GIF, BMP ou AVIF, ou cole um print. Os pixels são decodificados nesta aba. HEIC, TIFF, PDF e um endereço remoto ficam de fora.

Uma mão coloca uma foto impressa de uma caneca azul e uma laranja sobre um notebook.
2

Mire e fixe

Use 1 px num preenchimento chapado, ou 3×3 / 5×5 numa foto. Clique para fixar. No celular, amplie se a marca for pequena. A amostra fica acima do dedo. Solte para fixar.

Uma lupa amplia o esmalte azul numa foto impressa.
3

Copie o código

Copie HEX, RGB ou HSL. Se você precisa de um arquivo e não só de um código, baixe um PNG chapado dessa cor.

Três cartões sem rótulo, em cobalto, laranja e azul-celeste, ao lado da foto.

Por que a cor que você vê e o pixel não batem

O descompasso está no arquivo, não no clique. Estes são os casos que esta página mostra antes de você confiar no código.

A borda de uma letra não é o preenchimento

O antialiasing mistura o preenchimento com o fundo em cada borda. Um clique nessa franja devolve uma terceira cor. Mire no meio da área chapada e use 1 px. A borda é mistura, não a cor da marca.

Um JPEG é guardado em blocos

O JPEG não guarda um céu liso como um só código. Os pixels vizinhos pulam. Uma leitura de 1 px muda quando você se move. Uma média de 5×5 fica mais perto da cor que o olho vê.

Um print já vem comprimido

Se um chat ou a ferramenta de captura salvou a imagem, a cor de marca original pode já ter ido embora. Esta página informa o arquivo que você adicionou. Ela não recupera um código que não está mais nos pixels.

O dedo cobre o pixel

No celular a amostra fica acima do dedo, e a lupa mostra esses pixels. Solte para fixar. Se a marca for pequena, use 2× ou 4× e arraste a foto até a lupa cair em cima. As setas movem um pixel quando o mouse é grosso demais.

Um perfil de cor não é o número do pixel

O Photoshop pode mostrar outro HEX para o mesmo ponto se o arquivo traz Display P3 ou um perfil de impressão. Esta página lê os pixels sRGB que o navegador decodificou, que é o número para colar em CSS e no Figma. Ela não transforma esse número numa prova de impressão, e não desfaz um print que já capturou o monitor.

Antes de confiar no código

  • Num logo, clique no meio de uma forma chapada. A borda é uma mistura.
  • Numa foto, comece em 5×5. Desça para 1 px só quando precisar de um pixel exato, como um LED sozinho.
  • Se dois cliques no mesmo céu derem dois códigos HEX, isso é o arquivo. Tire a média com 5×5 em vez de caçar um pixel que bata com a sua memória.
  • O nome mais próximo pode dizer steel blue para um azul de marca, ou tomato para um vermelho. Cole o HEX na ferramenta de design. Não cole o nome no CSS esperando o mesmo resultado.
  • GIFs animados usam o primeiro quadro. Um quadro seguinte pode ser outra cor.
  • HEIC de iPhone não abre aqui. Exporte JPG ou PNG antes. TIFF de scanner e PDF também não entram.
  • Esta página não inventa um valor CMYK de gráfica. Um pixel de tela convertido em tinta não é prova de impressão.
  • Se o Photoshop mostra outro HEX, o arquivo pode trazer um perfil de cor. Esta página informa os pixels sRGB que o navegador decodificou.

Três trabalhos que esta página termina

Cada cartão é um arquivo que você já tem, um ajuste de amostra e o limite dessa leitura.

Um logo para uma folha de estilo

Você tem um PNG de uma marca e precisa do preenchimento em CSS.

Arquivo: Um PNG, ou um SVG exportado para PNG, com uma forma de marca chapada.

Ajuste: 1 px, mirando o centro do preenchimento.

Você copia: HEX, colado em CSS ou no Figma.

Limite: A borda suavizada é outro código. Não clique na beirada.

Um print de um site

Você vê a cor de um botão e não consegue abrir a folha de estilo.

Arquivo: Uma captura colada da área de transferência.

Ajuste: 1 px na parte chapada do botão, não na borda.

Você copia: HEX ou RGB.

Limite: A compressão do print, e o monitor em que ele foi feito, podem já ter deslocado o código.

Uma foto de produto

Você quer uma cor usável para um fundo, não um pixel ruidoso.

Arquivo: Um JPG do produto.

Ajuste: 5×5 sobre o material, longe de brilhos e sombras.

Você copia: HSL, e depois um passo mais claro na ferramenta de design.

Limite: O bloco é uma média daquele ponto. Não é uma amostra medida de marca.

Esta página e um seletor na área de trabalho

Esta página

Lê um arquivo no navegador

Solte ou cole uma foto. A lupa, o tamanho da amostra, o HEX e a paleta saem desse arquivo. Sem extensão, sem programa de Windows e sem conta. Chrome e Edge também podem pegar uma cor da tela com o seletor do próprio navegador. Esse controle extra está marcado como leitura de tela. Ele não lê o arquivo.

Outro trabalho

Tela, editores e filtros

Um seletor de mesa ou uma extensão olha o monitor. O Photoshop também pode amostrar, dentro de um editor completo. Nenhum dos dois é obrigatório para ler um código de um arquivo que você já salvou. Recortar foto, Desfocar imagem e Pixelar imagem neste site mudam pixels. Não entregam um código HEX. Dividir imagem corta uma foto em partes. Juntar imagens e Compressor de imagens montam ou encolhem um arquivo. Use essas páginas quando o trabalho é uma imagem nova, não um código.

Perguntas para pegar cor de uma imagem

Como pegar cor de uma imagem? +

Solte a foto nesta página ou cole um print. Mova o ponteiro até a lupa ficar na cor, clique para fixar e copie HEX, RGB ou HSL. Online ou no arquivo salvo, o caminho é o mesmo. Num logo, fique em 1 px no meio do preenchimento. Numa foto, use 5×5 antes de copiar, senão o código pula de um pixel para o vizinho. Se o JPG ou o PNG já está no aparelho, esta aba basta: ela não abre o Word.

Dá para pegar cor de uma imagem online de graça? +

Sim. Pegar cor de uma imagem online nesta aba é grátis. Não há conta, não há teste e não há marca d'água no código. A leitura acontece na aba que você já abriu. Não é um jogo de adivinhar cores: aqui só sai o código do seu arquivo. Fechar a aba apaga a foto desta página.

Preciso de seletor de cores extensão ou de seletor de cores Windows? +

Não. Uma extensão, o seletor do Windows ou o do Chrome leem a tela, ou pedem instalação. Esta página lê um arquivo ou um print colado no navegador. No Chrome e no Edge você ainda pode usar Pegar da tela, que é o seletor do próprio navegador e só vê o monitor. Não precisa de aplicativo para pegar cor de uma imagem.

Como pegar o codigo hex de uma imagem? +

Fixe um pixel e pressione Copiar HEX. O código tem a forma #1A73E8. A mesma cor também sai em RGB ou HSL: Copiar RGB e Copiar HSL, por exemplo rgb(26, 115, 232) e hsl(214, 82%, 51%). Esta página não transforma um código digitado num motivo novo. Você pode baixar um PNG chapado da cor que fixou. Isso é um arquivo de uma cor só, não uma foto refeita.

Por que dois cliques na mesma área dão dois códigos? +

Fotos e JPEGs não guardam um código chapado só para um céu ou uma camisa. Os pixels vizinhos diferem. Use 3×3 ou 5×5 para tirar a média de um bloco pequeno. Num logo, fique em 1 px e clique no meio do preenchimento chapado, não na franja. Dois HEX no mesmo pedaço de nuvem são o arquivo, não um clique torto.

Posso mudar a paleta de cores de uma imagem aqui? +

Não. Mudar a paleta de cores de uma imagem não acontece neste seletor. Ele não repinta a foto, não inverte as cores e não troca um tom por outro. Para girar o tom da foto inteira, o nome da página neste site é Mudar cor da imagem, em texto corrido, sem ser um botão deste campo. Aqui você só leva o código do ponto que apontou.

Como extrair paleta de cores de uma imagem? +

Ao abrir o arquivo, a página monta até oito amostras: as zonas chapadas grandes e as cores mais vivas, para um logo pequeno não sumir no claro. Clique numa amostra para fixá-la e copiar o código. A paleta sai deste arquivo. Isso não abre o Canva. Não é paleta de IA e não é guia de marca.

A página diz o nome da cor? +

Ela mostra o nome CSS em inglês mais próximo, como steel blue ou tomato. É a menor distância RGB, não o nome de uma marca e não um chip de catálogo. Um código de cartela Pantone não fecha aqui. Digitar o nome no CSS não volta ao mesmo HEX. Cole o código, no formato #1A73E8 ou no que você acabou de fixar. Quem cola o valor num site precisa dessa escrita, não da palavra.

A foto é enviada? +

Não. O navegador decodifica o arquivo e lê os pixels neste aparelho. Fechar a aba limpa tudo. A leitura não fica ligada a uma conta. A paleta e a lupa também nascem na máquina. Não há um servidor no meio que receba o arquivo por um instante.

Posso colar uma captura de tela? +

Sim. Copie o print, clique nesta página e cole, com Ctrl+V ou ⌘V. No celular, se colar não aparecer, use o seletor de arquivos e traga a captura da galeria. O print colado já é o arquivo que será lido, com a compressão que o sistema gravou.

Posso colar um endereço e pegar a cor dessa foto? +

Não. Uma foto hospedada em outro site em geral não pode ser lida desta aba, e esta página não envia o seu arquivo a um servidor para ir buscá-la. Salve a imagem e solte esse arquivo. Seletor de cor web, neste campo, só funciona quando os pixels já estão com você.

Este seletor de cor CMYK serve para impressão? +

Não. Seletor de cor CMYK, no sentido de prova de gráfica, não sai daqui. Converter um pixel de tela para CMYK não é prova de impressão. Copie o HEX ou o RGB e faça a conversão no programa que conhece o papel e o perfil. Esta página entrega o número sRGB que o navegador leu.

Funciona no celular? +

Sim. A amostra fica acima do dedo, e a cor fixa quando você solta. Use 2× ou 4× quando a marca for pequena, e arraste a foto para mover. Não precisa de app. HEIC de iPhone não abre: exporte JPG ou PNG. Fotos muito largas, acima de 2.000 px de largura, são amostradas numa cópia de 2.000 px para a aba aguentar, e a página avisa quando isso acontece. Os códigos valem para essa cópia.

Por que o Photoshop mostra outro HEX? +

O arquivo pode trazer um perfil de cor. O Photoshop pode mostrar o número dentro desse perfil, como Display P3 ou um perfil de impressão. Esta página lê os pixels sRGB depois que o navegador decodifica o arquivo, que é o valor para colar em CSS ou no Figma. Um print vai um passo além: já são os pixels do monitor. Nenhuma das duas leituras é prova CMYK. Mudar o conta-gotas dentro do Photoshop, do Krita ou do Affinity fica no menu daqueles programas. Esta página não mexe nisso.

Isto substitui o Photoshop, o Canva, o Word, o Illustrator ou o PowerPoint? +

Não. A ferramenta dentro do Photoshop, do Canva, do Word, do PowerPoint ou do Illustrator fica no menu daqueles programas. Esta página não os abre e não explica os cliques. No Photoshop e no Canva essa ferramenta se chama conta-gotas. O nome desta página não é esse. Se você já exportou JPG ou PNG, solte aqui e copie o código. Para pintar, o programa continua necessário. Aqui você só recebe o número.

Pegar a cor da tela é a mesma leitura do arquivo? +

Não. Pegar da tela, no Chrome e no Edge, lê o monitor com o seletor do navegador. A leitura da tela e a leitura do arquivo não são o mesmo botão: a primeira vê o monitor, a segunda vê o arquivo que você soltou. Se o monitor já alterou a foto, a leitura de tela não recupera o arquivo original. Em outros navegadores esse botão muitas vezes não existe. A leitura do arquivo continua.

Pegue a cor da sua imagem

Solte uma foto ou cole um print. Fixe um pixel. Copie o código. O arquivo fica neste aparelho.

Pegar a cor

Entre para ver sua conta

Créditos, melhorias salvas e cobrança ficam nesta conta. Entre com e-mail ou Google.

Esqueceu a senha?

ou

Continuar com o Google