Selecionar cor de uma imagem

Selecione cores exatas de pixels de uma imagem local e veja-as nos formatos mais usados. Crie, compare, copie e exporte uma paleta no navegador.

Escolher uma imagem

Use um arquivo de imagem local, arraste-o para cá ou cole-o da área de transferência.

Arraste uma imagem para cá PNG, JPEG, WebP, GIF, BMP ou AVIF de até 25 MB e 24 megapixels.

Selecionar uma cor

Clique ou toque na imagem para selecionar um pixel. Depois, use as teclas de seta para mover um pixel de origem ou Shift mais uma seta para mover dez pixels.

Escolha, arraste ou cole uma imagem para começar.

Cores dominantes da imagem

Extraia uma paleta compacta de uma amostra limitada dos pixels visíveis da imagem.

Nenhuma paleta foi extraída da imagem ainda.

Paleta salva

As cores salvas continuam disponíveis enquanto você examina esta imagem ou carrega outra.

Salve uma cor selecionada, extraída ou relacionada para criar sua paleta.

O que esta ferramenta faz

O seletor de cor de imagem lê o valor RGBA de um pixel de origem específico em uma imagem raster escolhida localmente, arrastada para a página ou colada da área de transferência.

Ele mostra a cor selecionada em HEX, RGB, HSL, HSV, HWB e CMYK e permite criar paletas salvas, dominantes, relacionadas e harmônicas.

Como usar

  1. Escolha, arraste ou cole uma imagem PNG, JPEG, WebP, GIF, BMP ou AVIF de até 25 MB e 24 megapixels.
  2. Clique ou toque em um ponto da imagem e use a lupa ou as teclas de seta quando precisar selecionar um pixel de origem com precisão.
  3. Confira e copie os formatos de cor e o valor alfa ou salve a cor na sua paleta.
  4. Extraia cores dominantes, gere cores relacionadas, compare duas cores ou copie e exporte a paleta salva conforme necessário.

Utilizações práticas

  • Identificar cores de marca em um logotipo quando os códigos originais não estão disponíveis.
  • Capturar cores de uma interface a partir de uma imagem e comparar dois valores semelhantes.
  • Coletar cores de fotografias, ilustrações, imagens de produtos ou detalhes de gradientes.
  • Preparar uma lista reutilizável de valores de cor para notas de design, variáveis CSS ou outra documentação.

Notas e limites

  • A decodificação da imagem, a análise dos pixels e a criação da paleta acontecem no navegador. A imagem não é mantida no armazenamento do navegador; apenas os valores das cores da paleta salva ficam armazenados.
  • Os arquivos são limitados a 25 MB e as imagens decodificadas a 24 megapixels. O suporte ao formato também depende da capacidade do navegador de decodificar a imagem.
  • O nome de cor mais próximo, a paleta dominante e a conversão CMYK são aproximações calculadas; os valores CMYK não usam um perfil de impressora ou ICC. Use o valor RGBA decodificado quando precisar do valor exato de um pixel.
  • O contraste e o Delta E tratam os componentes RGB como opacos, enquanto o alfa é informado separadamente. O resultado visível de uma cor translúcida depende do fundo.

Perguntas frequentes

Minha imagem é enviada ou salva?

Não. Esta ferramenta processa a imagem selecionada no navegador e armazena somente os valores RGBA da paleta salva no armazenamento do navegador.

Como selecionar um detalhe muito pequeno da imagem?

Selecione um ponto próximo e depois escolha uma célula na lupa de pixels ou mova a seleção com as teclas de seta. Mantenha Shift pressionado com uma seta para avançar dez pixels de origem por vez.

A ferramenta preserva a transparência?

Sim. O pixel selecionado inclui um valor alfa, e a detecção de duplicatas exatas compara o valor RGBA completo.

As cores dominantes são uma contagem exata de todos os pixels da imagem?

Não. A paleta dominante resume uma amostra limitada de pixels visíveis, portanto é uma visão geral extraída e não uma lista de todos os valores distintos.

Posso manter as cores ao carregar outra imagem?

Sim. Deixe a opção de manter a paleta ativada ou desative-a para começar com uma paleta vazia quando a próxima imagem for carregada.

Mais ferramentas em Cores

Ver todas as ferramentas de Cores