Sobre: Seletor de cor de imagem
O seletor de cor de imagem mostra a cor exata de qualquer ponto de uma imagem. Abra uma foto, uma captura de tela ou um logotipo, clique onde quiser e receba a cor como código HEX, valor RGB e valor HSL, prontos para copiar para o CSS, uma ferramenta de design ou um documento.
Uma lupa mostra os pixels ao redor do ponteiro, para você acertar o pixel certo mesmo em linhas finas e textos pequenos, e as setas do teclado movem a escolha um pixel por vez. Abaixo da imagem, a ferramenta também lista as cores principais da imagem inteira – de 4 a 10 – com a parte da imagem que cada uma cobre.
Tudo acontece no seu navegador: a imagem não é enviada, e as cores são lidas direto dos pixels. Imagens muito grandes são lidas com 4.096 pixels no lado maior, o que preserva todo detalhe que você consegue apontar.
Como usar
- Escolha uma imagem ou solte-a na página.
- Clique ou arraste sobre a imagem. A lupa mostra os pixels sob o ponteiro.
- Veja a cor em "Cor escolhida" e copie o código HEX, RGB ou HSL com os botões de copiar.
- Para ajustar, clique na imagem e mova a escolha com as setas do teclado (Shift move 10 pixels).
- Veja as cores principais em "Cores principais", escolha quantas com os botões numéricos e copie uma ou todas.
Recursos
- Cores exatas do pixel: A cor vem do próprio pixel, não de uma média borrada, em HEX, RGB e HSL.
- Lupa: Uma lupa de 11 por 11 pixels acompanha o ponteiro, com o pixel que você escolheria marcado no centro.
- Cores principais: Uma paleta de 4, 6, 8 ou 10 cores principais, da maior para a menor, com a parte da imagem que cada uma cobre.
- Direto para o conversor: Abra a cor escolhida no Conversor de código de cor para verificar o contraste com o texto.
- Privado: A imagem é lida no seu navegador e nunca é enviada.
Exemplos
Copiar a cor de uma marca
Abra um logotipo e clique nele para obter o código HEX a usar num site.
Uma paleta a partir de uma foto
Abra uma foto de viagem e copie as seis cores principais para o design de um slide.
Conferir uma captura de tela
Aproxime um botão de uma captura de tela com a lupa para ler a cor exata dele.
Limitações e observações
- Imagens com mais de 4.096 pixels no lado maior são lidas nesse tamanho, então um pixel do original pode ser misturado com os vizinhos.
- Os códigos dão a cor sem transparência; para pixels transparentes, a opacidade é mostrada à parte.
- As cores são lidas como o seu navegador decodifica a imagem. Imagens com perfil de cor amplo podem dar valores um pouco diferentes dos de um editor de imagens.
- Fotos HEIC não podem ser abertas aqui; converta-as antes com a ferramenta de HEIC para JPG.
Perguntas frequentes
Como obtenho o código HEX de uma cor numa imagem?
Abra a imagem, clique na cor e copie o código HEX em "Cor escolhida".
Consigo escolher um único pixel com precisão?
Sim. Use a lupa para mirar e depois mova a escolha com as setas do teclado, um pixel por vez.
Como as cores principais são escolhidas?
A imagem é reduzida e seus pixels são divididos em grupos de cores parecidas (corte pela mediana). A média de cada grupo é uma cor principal, listada conforme a parte da imagem que ela cobre.
Por que um pixel transparente mostra um aviso?
Os códigos HEX, RGB e HSL descrevem a cor sem a transparência, então a ferramenta mostra a opacidade à parte.
Minha imagem é enviada?
Não. A imagem é aberta e lida somente no seu navegador.