Seletor de Cores de Imagem

Carregue, desce ou colie uma imagem, em seguida, amostre as cores HEX, RGB e HSL exatas de um pixel ou pequena área média.

Descarregue e desligue uma imagem aqui, ou paste de seu clipboard.

JPG, PNG, WebP, GIF, BMP, SVG e outros arquivos de imagem suportados pelo navegador.

Escolha ou aponte uma imagem para começar.Não há imagem que seja carregada.
A imagem previa aparecerá aqui.

Pixel ou amostragem de área

Escolha um pixel exato ou uma área média de 3x3 ou 5x5 quando capturas de tela, fotos ou antialias criam bordas ruins.

Formatos Pronto para Copiar

Copie as faixas de cores HEX, RGB, HSL e CSS para tokens de design, balanços de comércio eletrônico, folhas de estilo ou documentação.

Não adicionar fluxo de trabalho

A imagem permanece no seu dispositivo. o navegador opera decodificando, prevendo, zoomando e amostrando localmente.

Perguntas frequentes

A minha imagem foi carregada?

Não. As imagens são descodificadas e amostras localmente no seu navegador. o arquivo de imagem, o nome do arquivo e a cor escolhida não são enviados aos servidores Convertr.

Posso fazer screenshots?

Sim. Copie uma imagem ou tela, focar esta página e colher. Se o navegador expõe o item do clipe como uma imagem, o picker carrega localmente.

Por que usar amostragem de área?

A média de uma área 3x3 ou 5x5 ajuda quando um pixel é afetado por comprimidos, antialias, transparência ou ruído fotográfico.

Seletor de Cores de Imagem

Mostre as cores HEX, RGB e HSL exatas de um pixel ou área média em uma imagem local.

Entrada
Uma imagem de parede, deslizada ou selecionada e a escolha do tamanho da amostra.
Saída
Valores de cor mostrados e uma história de paleta reutilizável.
Limitações reais
Os valores de cor do Canvas dependem dos pixels decodidos e da gestão de cores; os pixels transparentes e as áreas médias podem não corresponder ao nome de swatch de um arquivo de design.
Privacidade e tratamento de dados
Uma imagem embalada, desligada ou selecionada e a escolha de tamanho de amostra são processadas nesta tabela do navegador. o Converter não recebe nem armazenará; fechar ou recarregar a página limpa o estado de trabalho, a menos que a ferramenta explicitamente ofereça uma descarga local.

Como usar essa ferramenta

  1. Fornece uma imagem de parede, queda ou seleção e a escolha do tamanho da amostra nos controles de ferramentas.
  2. Escolha as configurações que afetam os valores de cor mostrados e uma história de paleta reutilizável, e execute a ferramenta.
  3. Revise os valores de cor mostrados e uma história de paleta reutilizável antes de copiar ou baixar.

Modos de falha comuns

Uma imagem não lida, limite de memória do navegador, permissão de clipe faltando ou clique fora da imagem impede o amostragem.

Exemplo útil

Carregue um logotipo, selecione uma média de 3×3 e mostra o seu fundo para copiar o valor HEX.