Seletor de Cores de Imagem

Sobre a Ferramenta de Seletor de Cores

O Seletor de Cores de Imagem permite extrair informações precisas de cores de qualquer imagem. Carregue uma imagem e clique (ou toque) em qualquer pixel para obter valores HEX, RGB, HSL e HSV, com suporte completo a canal alfa para PNGs transparentes. Um verificador de contraste WCAG integrado o transforma em uma etapa real de auditoria de acessibilidade. Tudo é executado inteiramente no seu navegador usando a API Canvas do HTML5, portanto suas imagens nunca são enviadas a um servidor. Ideal para extrair cores de marca de logotipos e capturas de tela, criar paletas e verificar a conformidade de acessibilidade.

Quais formatos de imagem são suportados?

A ferramenta suporta todos os formatos de imagem comuns incluindo arquivos JPEG, PNG, WebP, BMP, GIF, SVG e TIFF. O tamanho máximo do arquivo é 10MB.

Quão precisa é a seleção de cores?

O seletor de cores fornece precisão pixel perfeita. Ele analisa o pixel exato em que você clica e retorna os valores RGB precisos, que são então convertidos para outros formatos de cores.

Posso copiar valores de cores para área de transferência?

Sim! Você pode copiar qualquer formato de cor (HEX, RGB, HSL, HSV) para sua área de transferência com um único clique. A ferramenta também mantém um histórico de suas cores selecionadas recentemente.

Quais formatos de cores estão disponíveis?

A ferramenta fornece valores de cores em múltiplos formatos: HEX (para desenvolvimento web), RGB (vermelho, verde, azul), HSL (matiz, saturação, luminosidade) e HSV (matiz, saturação, valor).

Existe um limite de quantas cores posso selecionar?

Você pode selecionar cores ilimitadas de sua imagem. A ferramenta mantém um histórico de suas últimas 20 cores selecionadas para fácil referência e re-seleção.

Como funciona o verificador de contraste WCAG?

Escolha uma cor e clique em 'Definir como Primeiro Plano', depois escolha outra e clique em 'Definir como Fundo'. A ferramenta calcula a relação de contraste WCAG 2.x a partir da luminância relativa de cada cor e exibe selos PASSA/FALHA para AA (4.5:1 texto normal, 3:1 texto grande) e AAA (7:1 normal, 4.5:1 grande). Assim você valida a legibilidade do texto e a conformidade de acessibilidade diretamente de uma imagem.

Minhas imagens são enviadas para um servidor?

Não. A ferramenta lê os pixels inteiramente no seu navegador usando a API Canvas do HTML5. Suas imagens nunca saem do seu dispositivo, o que a torna segura para mockups confidenciais, ativos de marca e capturas de tela.

Quão precisos são os valores de cores?

As cores são lidas diretamente dos pixels decodificados da imagem e tratadas como sRGB, o espaço de cores padrão da web. Os valores correspondem ao que os navegadores renderizam. Observe que perfis ICC incorporados em fotos de gama ampla não são aplicados, portanto para trabalho de impressão com gestão de cores confirme com seu arquivo de origem.