Seletor de Cor de Imagem

Escolha cores de imagens especificando coordenadas. Obtenha valores de cor nos formatos HEX, RGB, HSL, HSV e CMYK.

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Carregue qualquer arquivo de imagem para escolher cores

Coordenada X em píxeis, contando a partir da borda esquerda (0 = borda esquerda)

Coordenada Y em píxeis, contando a partir da borda superior (0 = borda superior)

Raio da área para amostrar (0 = píxel único, valores mais altos médiam as cores na área)

Escolha qual(is) formato(s) de cor incluir na saída

Fatos principais

Categoria
Design e cor
Tipos de entrada
file, number, select
Tipo de saída
json
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Seletor de Cor de Imagem permite extrair valores exatos de cor de qualquer arquivo de imagem nos formatos JPEG, PNG, WebP, GIF, BMP ou TIFF especificando coordenadas X e Y precisas. Obtenha instantaneamente códigos de cores nos formatos HEX, RGB, HSL, HSV e CMYK, com a opção de definir um raio de amostragem para calcular a média de cores de uma área específica.

Quando usar

  • •Quando você precisa identificar o código exato de cor (como HEX ou RGB) de um pixel específico em uma imagem de design ou fotografia.
  • •Ao extrair especificações de cores CMYK ou HSV de elementos gráficos para projetos de impressão ou interfaces digitais.
  • •Quando deseja obter a cor média de uma pequena região de uma imagem, em vez de apenas um único pixel, ajustando o raio de amostragem.

Como funciona

  • •Carregue o arquivo de imagem desejado nos formatos suportados, como PNG, JPEG, WebP, GIF, BMP ou TIFF.
  • •Insira as coordenadas X e Y em píxeis para definir o ponto exato da imagem que deseja analisar.
  • •Opcionalmente, defina o raio de amostragem (de 0 a 50 píxeis) para obter a média de cores da área e selecione o formato de saída desejado.
  • •Execute a ferramenta para obter os valores de cor correspondentes nos formatos selecionados, como HEX, RGB, HSL, HSV ou CMYK.

Casos de uso

Desenvolvedores web que precisam extrair o código HEX exato de um logotipo ou elemento de interface em uma imagem.
Designers gráficos que necessitam converter cores de pixels de imagens digitais para o formato CMYK para fins de impressão.
Analistas de imagem que precisam extrair a cor média de uma região específica usando o ajuste de raio de amostragem.

Exemplos

1. Extração de cor HEX para desenvolvimento web

Desenvolvedor Front-end
Contexto
Um desenvolvedor precisa replicar a cor exata do logotipo de um cliente que está em uma imagem PNG, mas não tem acesso ao manual de marca.
Problema
Identificar o código de cor HEX exato de um pixel específico no logotipo localizado nas coordenadas X=120 e Y=80.
Como usar
Carregue a imagem do logotipo, defina a Coordenada X como 120, a Coordenada Y como 80, mantenha o Raio de Amostra em 0 e selecione o formato de saída HEX.
Configuração de exemplo
imageFile: logo.png, x: 120, y: 80, sampleRadius: 0, outputFormat: hex
Resultado
A ferramenta retorna o código de cor HEX exato, por exemplo, #0055FF, permitindo sua aplicação direta no código CSS.

2. Obtenção de cor média para design de impressão

Designer Gráfico
Contexto
Um designer está preparando um folheto e precisa extrair a cor predominante de uma textura de fundo em uma foto JPEG para usá-la em um elemento gráfico.
Problema
A textura possui ruído visual, então selecionar um único pixel resulta em cores inconsistentes. É necessário obter a média de uma pequena área.
Como usar
Carregue a foto JPEG, insira as coordenadas aproximadas do centro da textura (X=450, Y=300), configure o Raio de Amostra para 15 píxeis e selecione todos os formatos de saída.
Configuração de exemplo
imageFile: textura.jpg, x: 450, y: 300, sampleRadius: 15, outputFormat: all
Resultado
A ferramenta calcula a média dos píxeis na área de raio 15 e retorna os valores correspondentes em HEX, RGB, HSL, HSV e CMYK.

Testar com amostras

image, png, jpg
Exemplos de Processamento de Imagem Web Python
Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato
title token image
image
Exemplos de Processamento de Imagem Android Java
Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato
title token image
image
Exemplos de Processamento de Imagem Android Kotlin
Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato
title token image
image
Processamento de Imagem macOS Objective-C - Exemplos
Exemplos de processamento de imagem macOS Objective-C incluindo leitura/escrita de imagem, redimensionamento de imagem e conversão de formato
title token image
image

Hubs relacionados

Ferramentas de conversao de formatos de imagem e exportacao animada
Compare conversores de imagem para JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 e saidas voltadas para animacao em um unico hub.
Ferramentas de limpeza, acabamento e preparo em lote de imagens
Reune em um so hub ferramentas para limpar imagens, recortar bordas, adicionar margem ou moldura, redimensionar e comprimir em lote, aplicar marca d agua e dar acabamento visual.
Ferramentas de metadados de imagem, EXIF e limpeza de privacidade
Compare visualizadores de metadados, inspetores EXIF/IPTC/XMP, corretores de orientação, editores de metadados e limpeza de privacidade para fluxos de publicação de fotos.
Ferramentas de codificacao e conversao de audio
Compare conversao de formatos de audio, ajustes de bitrate, conversao de taxa de amostragem, troca de codec e exportacao em um unico hub.

FAQ

Quais formatos de imagem são suportados?

A ferramenta suporta arquivos JPEG, PNG, WebP, GIF, BMP e TIFF de até 20 MB.

Como funcionam as coordenadas X e Y?

A coordenada X conta os píxeis a partir da borda esquerda (0) e a coordenada Y a partir da borda superior (0) da imagem.

O que faz o parâmetro Raio de Amostra?

Um raio de 0 analisa um único píxel. Valores maiores (até 50) calculam a cor média dos píxeis dentro daquela área circular.

Posso obter a cor em formato CMYK?

Sim, a ferramenta calcula e retorna os valores de cor nos formatos CMYK, além de HEX, RGB, HSL e HSV.

É possível processar várias imagens de uma vez?

Não, a ferramenta processa uma única imagem por vez através do upload do arquivo e definição das coordenadas.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/image-color-picker

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
imageFile file (Upload necessário) Sim Carregue qualquer arquivo de imagem para escolher cores
x number Sim Coordenada X em píxeis, contando a partir da borda esquerda (0 = borda esquerda)
y number Sim Coordenada Y em píxeis, contando a partir da borda superior (0 = borda superior)
sampleRadius number Não Raio da área para amostrar (0 = píxel único, valores mais altos médiam as cores na área)
outputFormat select Não Escolha qual(is) formato(s) de cor incluir na saída

Os parâmetros de tipo arquivo precisam ser carregados primeiro via POST /upload/image-color-picker para obter filePath, depois filePath deve ser passado ao campo de arquivo correspondente.

Formato de resposta

{
  "key": {...},
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Dados JSON: Dados JSON

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-image-color-picker": {
      "name": "image-color-picker",
      "description": "Escolha cores de imagens especificando coordenadas. Obtenha valores de cor nos formatos HEX, RGB, HSL, HSV e CMYK.",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-color-picker",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Suporta links de arquivos URL ou codificação Base64 para parâmetros de arquivo.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]