Seletor de cores de imagem
Carrega uma imagem e clica num píxel para obteres a cor em HEX, RGB, HSL, HSV e CMYK. Lupa, média de píxeis e lista de cores, tudo no navegador.
Clica em qualquer ponto da imagem para captar uma cor.
O CMYK é uma conversão simples sem perfil ICC.
Cores captadas
Como captar uma cor de uma imagem
- Larga uma imagem na zona de carregamento, ou clica nela para escolher um ficheiro (JPG, PNG, WebP, GIF ou qualquer formato que o teu navegador consiga mostrar).
- Passa o cursor por cima da imagem. A lupa mostra, ampliados, os píxeis à volta do cursor, e Sob o cursor indica o código HEX em tempo real.
- Clica no píxel que queres. A amostra Cor captada mostra-o com a posição do píxel, e os códigos HEX, RGB, HSL, HSV e CMYK aparecem ao lado, cada um com um botão Copiar.
- Continua a clicar para recolher mais cores: são acrescentadas a Cores captadas, onde podes copiar cada uma. Limpar lista esvazia-a.
Num telemóvel ou tablet, basta tocares na imagem. Com o teclado, seleciona a imagem com Tab, desloca-te com as setas (mantém Shift para avançar 10 píxeis de cada vez) e carrega em Enter para captar.
A imagem nunca sai do teu dispositivo: é descodificada e lida apenas pelo teu navegador.
Um só píxel ou uma média?
O menu Tamanho da amostra controla quantos píxeis são lidos em cada captação:
- 1 píxel devolve a cor exata do píxel sob o cursor. Usa-o para grafismos planos, logótipos, capturas de ecrã e ícones.
- Média 3 × 3 e Média 5 × 5 devolvem a cor média dos 9 ou 25 píxeis à volta. Usa-as para fotografias: a compressão JPEG e o ruído da câmara fazem com que píxeis vizinhos sejam ligeiramente diferentes, e uma média dá uma cor que representa melhor o que vês.
O quadrado destacado na lupa mostra exatamente que píxeis são incluídos. Junto às margens da imagem, só contam os píxeis que existem.
Os píxeis transparentes dos ficheiros PNG ou WebP também são tratados: a cor é ponderada pela opacidade, para que as zonas totalmente transparentes não puxem o resultado para o preto, e um resultado parcialmente transparente recebe um código HEX de oito dígitos com alfa, como #FF000080.
Precisão e limites
- As cores são lidas no espaço sRGB do canvas do teu navegador. As imagens guardadas com outro perfil de cor (Adobe RGB, Display P3) são primeiro convertidas pelo navegador, por isso os códigos correspondem ao que vês no ecrã, mas podem diferir ligeiramente dos valores brutos do ficheiro mostrados por um editor de fotografia.
- As imagens muito grandes são reduzidas a 4096 píxeis no lado maior, para manter a utilização de memória razoável. A ferramenta avisa quando isso acontece; nessas imagens, cada píxel captado já é uma pequena média do original.
- Os valores CMYK são uma conversão simples sem perfil ICC, úteis apenas como orientação aproximada.
Perguntas frequentes
Como encontro o código HEX de uma cor numa imagem?
Abre a imagem com esta ferramenta e clica na cor. O código HEX aparece na caixa Cor captada; clica em Copiar ao lado para o colares no CSS, no Figma, no Canva ou em qualquer outra aplicação.
Porque é que píxeis vizinhos da minha fotografia têm códigos diferentes?
As fotografias têm ruído, gradientes e artefactos de compressão, por isso dois píxeis que parecem idênticos raramente têm o mesmo valor. Escolhe Média 3 × 3 ou Média 5 × 5 em Tamanho da amostra para obteres uma cor mais estável.
Posso captar cores de uma captura de ecrã de um site?
Sim. Faz uma captura de ecrã, guarda-a em PNG e larga-a aqui. As capturas em PNG não têm perdas, por isso com 1 píxel obténs a cor exata usada na página, desde que o ecrã não tenha aplicado escala ou gestão de cor.
A minha imagem é enviada?
Não. O ficheiro é aberto pelo teu navegador e desenhado num canvas no teu dispositivo. Nada é enviado para um servidor, e fechar a página descarta-o.
Posso obter uma paleta inteira em vez de cores individuais?
Esta ferramenta lê píxeis individuais. Para obteres automaticamente as cores principais de uma imagem, usa uma ferramenta de paleta a partir de imagem, que agrupa píxeis semelhantes e lista as cores dominantes com a respetiva percentagem.
Ferramentas relacionadas
- Paleta de cores a partir de imagem Extrai uma paleta de cores de qualquer imagem. Carrega uma foto e obtém as cores dominantes em HEX com a percentagem de cada uma, prontas a copiar.
- Seletor de cores Seletor de cores online grátis. Escolhe qualquer cor e copia já os códigos HEX, RGB, HSL, HSV e CMYK, com o contraste sobre branco e sobre preto.
- Conversor de cores Converte qualquer cor entre HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH e OKLCH. Cola um código, vê a cor e copia cada formato com um clique.