Seletor de Cor de Imagem
Faça upload de uma imagem e clique em qualquer pixel para obter seus valores de cor HEX, RGB e HSL instantaneamente no seu navegador.
Perguntas frequentes
Como funciona o seletor de cor de imagem?
A ferramenta desenha sua imagem carregada em um elemento Canvas do HTML5. Quando você clica ou passa o mouse sobre qualquer pixel, ela usa o método getImageData() da API Canvas para ler os valores exatos dos canais vermelho, verde e azul desse pixel. Esses valores são convertidos para os formatos HEX, RGB e HSL.
Quais formatos de imagem são suportados?
Qualquer formato de imagem suportado pelo seu navegador pode ser usado, incluindo JPEG, PNG, WebP, GIF, SVG, BMP e AVIF. A imagem é processada inteiramente no seu navegador — nada é enviado para um servidor, portanto suas imagens permanecem privadas.
Qual é a diferença entre HEX, RGB e HSL?
HEX codifica os canais vermelho, verde e azul como uma string hexadecimal de seis dígitos (ex. #ff6b35). RGB expressa os mesmos três canais como inteiros decimais de 0 a 255. HSL representa a cor como Matiz (0–360°), Saturação (0–100%) e Luminosidade (0–100%), mais intuitivo para ajustar cores programaticamente.