Seletor de cores de imagem

Capture cores exatas de qualquer imagem

Abra uma foto, toque em qualquer pixel para ver os valores reais de HEX, RGB e HSL, ajuste a paleta e exporte um cartão PNG ou variáveis CSS. Tudo roda no seu navegador: sua imagem nunca sai do dispositivo.

HEX— RGB— HSL— Alfa—
Nenhum pixel selecionado Escolha uma imagem ou comece com o exemplo.

Solte uma imagem aqui

ou toque em Escolher imagem. Você também pode colar com Ctrl/Cmd + V. PNG, JPEG, WebP, GIF e BMP até 25 MB.

Perguntas

As minhas imagens são enviadas?

Não. O PickTint decodifica e lê o arquivo dentro do seu navegador. Não há endpoint de upload nem conta, e nenhum script de rastreamento é executado na página sem o seu consentimento, então a imagem nunca sai do seu dispositivo.

Quais formatos de imagem posso usar?

PNG, JPEG, WebP, GIF (primeiro quadro), BMP e outros formatos raster que o navegador consiga decodificar, até 25 MB e 40 megapixels. Arquivos SVG e PDF não são compatíveis.

Por que um pixel aparece como transparente?

Um pixel totalmente transparente (alfa 0) não tem cor, então o PickTint informa isso em vez de fingir que é preto. Pixels semitransparentes mostram os valores RGB reais e a porcentagem de alfa; você também pode copiar o valor RGBA.

A cor amostrada é o pixel real?

Sim. Clicar ou tocar lê o pixel da imagem em resolução total, não da prévia reduzida na tela. A paleta é montada a partir de uma cópia reduzida para ganhar velocidade e depois agrupada com duplicatas próximas mescladas.

Como funciona a paleta automática?

O PickTint amostra uma cópia pequena da imagem, agrupa pixels parecidos com um corte mediano e mescla quase duplicados. Uma imagem de cor única devolve uma cor em vez de preencher a lista com cores falsas. Você pode mudar a quantidade desejada, editar qualquer valor HEX, adicionar, remover e reordenar cores.

O que os arquivos exportados contêm?

O cartão PNG mostra cada cor em ordem com os rótulos HEX e HSL. O arquivo CSS define variáveis estáveis chamadas --picktint-1 e seguintes, na ordem da paleta no momento da exportação.

Funciona no celular?

Sim. Toque ou arraste sobre a imagem para amostrar; em telas estreitas a imagem fica acima da paleta. A arte de exemplo funciona sem escolher um arquivo.