Seletor de cores da imagem
Escolha cores de qualquer imagem – códigos hexadecimais exatos de qualquer pixel.
Upload an image, then hover/click on it to pick colors. Everything stays in your browser.
Picked colors (click to copy)
Como usar Seletor de cores da imagem
- Faça upload da imagem — logotipo, captura de tela, foto, qualquer fonte.
- Clique no pixel cuja cor você precisa — aumente o zoom para obter precisão.
- Copie o valor hexadecimal/RGB — pronto para CSS ou sua ferramenta de design.
- Exemplos de áreas sólidas, não de bordas — suavização de serrilhado e ruído JPG ao vivo nos limites.
O que é Seletor de cores da imagem?
Um seletor de cores de imagem lê a cor exata de qualquer pixel em que você clica em uma imagem enviada, retornando o código hexadecimal (#E67E22) e valores RGB prontos para CSS, ferramentas de design ou correspondência de pintura. É o conta-gotas, direcionado a qualquer imagem que você possa obter.
A necessidade recorrente: existe uma cor em algum lugar – o logotipo de uma marca, o botão de um concorrente, o pôr do sol de uma foto, uma foto de produto – e você precisa de seu valor preciso, não de uma aproximação. Clicar no pixel responde em uma única etapa o que apertar os olhos para uma roda de cores nunca faz.
Sobre o Seletor de cores da imagem
Faça upload da imagem, clique no pixel, copie o valor hexadecimal/RGB.
Os trabalhos de extração: cores da marca dos logotipos quando o guia de estilo está faltando (a tarefa diária da agência - o cliente envia um logotipo JPG, você precisa da paleta), correspondência de cores da interface do usuário com um design de referência ou captura de tela, construção de paletas a partir de fotos (natureza e fotos de filmes são minas de ouro da paleta - escolha cinco pixels e você terá um esquema), verificação de cores implementadas em relação às especificações (captura de tela da página, escolha o pixel, comparação) e identificação pintar/imprimir alvos a partir de amostras fotografadas.
Escolha artesanal: questões de zoom — a compactação JPG mancha levemente as cores planas, então escolha a partir do centro das áreas de cores, não das bordas (onde o anti-aliasing mistura vizinhos); para gradientes, observe que você está amostrando um ponto de uma rampa; e para o trabalho da marca, experimente as regiões sólidas do logotipo em vários pontos e obtenha o consenso. Combine com nosso Conversor de Cores para alterações de formato (hex↔RGB↔HSL) e o Gerador de Paleta de Cores para construir esquemas em torno da âncora escolhida. As imagens são processadas no seu navegador.