1
Envie a imagem
Arraste a imagem para a área de upload ou clique para escolher um arquivo. Também é possível colar uma imagem da área de transferência; tudo fica local.
DEVELOP.08 IMAGE COLOR PICKER
Seletor de cores de imagem
Envie uma imagem e clique em qualquer ponto para extrair códigos HEX, RGB, HSL e CMYK. Gere paletas automaticamente sem tirar seus dados do navegador.
IMG
Arraste a imagem para cá
ou clique para selecionar · colar imagem é permitido
Suporta JPG, PNG, GIF, WebP e BMP CLR
HEX
#000000
HEX
#000000 RGB
rgb(0, 0, 0) HSL
hsl(0°, 0%, 0%) CMYK
cmyk(0%, 0%, 0%, 100%) § 01
Como extrair códigos de cor de imagens
2
Escolha as cores
Passe o mouse sobre a imagem para visualizar as cores e clique para capturar o valor exato daquele pixel.
3
Copie o código
Veja os formatos HEX, RGB, HSL e CMYK e clique no botão de cópia para enviar qualquer valor à área de transferência.
§ 02
Perguntas frequentes
Q1Quais formatos de imagem são compatíveis?
JPG, PNG, GIF, WebP e BMP são compatíveis. PNG não perde qualidade e oferece dados precisos; a compressão JPG pode causar pequenas variações.
Q2Minhas imagens são enviadas a um servidor?
Não. Todo o processamento ocorre no navegador, e as imagens nunca são enviadas, armazenadas ou transmitidas para servidores remotos.
Q3O que é um código de cor HEX?
Um código HEX tem 6 caracteres hexadecimais, como #FF5733. Cada par representa os canais vermelho, verde e azul e é o formato mais usado na web.
Q4Qual é a diferença entre RGB e HSL?
RGB usa valores dos canais vermelho, verde e azul (0–255), diretamente ligados à tela. HSL usa matiz, saturação e luminosidade, sendo mais intuitivo para ajustar paletas.
Q5Quando devo usar CMYK?
CMYK (ciano, magenta, amarelo e preto) é o modelo de impressão. Ele ajuda a estimar o resultado no papel, embora tela e impressão possam apresentar diferenças.
§ 03
Recursos do seletor de cores
✳
Vários formatos: HEX, RGB, HSL e CMYK para web, UI e impressão.
✳
Paleta automática: analisa as cores dominantes e cria combinações harmoniosas.
✳
Pré-visualização em tempo real: passe o mouse e clique para escolher com rapidez.
✳
Privacidade: tudo acontece no navegador e a imagem não sai do dispositivo.
§ 04