Funcionamento do Seletor de Cores de Imagem
O Seletor de Cores de Imagem é uma ferramenta projetada para extrair com precisão os valores cromáticos de qualquer pixel em um arquivo de imagem local. Ao carregar um arquivo, o utilitário exibe imediatamente as coordenadas e os valores de cor correspondentes ao pixel central da imagem.
Para explorar a imagem, o usuário move o ponteiro sobre a área do arquivo carregado, o que atualiza em tempo real os dados do pixel sob o cursor. Uma lupa integrada fornece uma visualização ampliada da região apontada, permitindo a seleção minuciosa de pixels individuais. Ao clicar sobre a imagem, a cor amostrada é registrada em um histórico de capturas.
O controle também pode ser realizado via teclado. É possível mover uma mira sobre a imagem utilizando as setas direcionais. Para deslocamentos mais rápidos, pressionar a tecla Shift em conjunto com as setas move a mira em intervalos de 10 pixels. Pressionar Enter ou Space salva a cor atualmente selecionada no histórico.
Modelos de Cores Suportados e Exportação
Cada pixel analisado tem suas propriedades traduzidas simultaneamente em três dos principais modelos de cores utilizados no desenvolvimento web e design digital:
- HEX: O código hexadecimal que representa a cor.
- RGB: Os valores de Vermelho (Red), Verde (Green) e Azul (Blue).
- HSL: Os valores de Matiz (Hue), Saturação (Saturation) e Luminosidade (Lightness).
Para copiar qualquer um desses valores para a área de transferência, basta clicar diretamente sobre o código exibido. Caso o navegador restrinja essa operação, a ferramenta exibirá a mensagem: "Não foi possível copiar — seu navegador bloqueou o acesso à área de transferência.".
O histórico de cores salvas armazena até 12 itens. Clicar em qualquer amostra guardada no histórico recarrega os seus valores correspondentes no painel principal. Se o usuário capturar cores que possuam os mesmos valores de RGB, mas que apresentem diferentes níveis de opacidade, o sistema as tratará e salvará como entradas distintas no histórico.
Formatos de Arquivo e Limites de Processamento
A ferramenta aceita o carregamento de um único arquivo de imagem por vez, suportando os seguintes formatos e tipos MIME:
| Formato | Tipo MIME |
|---|---|
| PNG | image/png |
| JPG / JPEG | image/jpeg |
| WebP | image/webp |
| GIF | image/gif |
| AVIF | image/avif |
| HEIC / HEIF | image/heic, image/heif |
Se um arquivo com formato incompatível for arrastado para a interface, o sistema exibe o aviso: "Este tipo de arquivo não é suportado. Tente uma imagem PNG, JPG, WebP, GIF, AVIF ou HEIC.". Caso ocorra uma falha na leitura do arquivo, a mensagem apresentada é: "Não foi possível abrir a imagem. Ela pode estar corrompida ou em um formato não suportado.".
Para garantir a estabilidade do navegador durante o processamento, imagens que possuam o lado mais longo maior que 4096 pixels são automaticamente redimensionadas para limites menores. O botão "Recomeçar" limpa a imagem ativa, esvazia o histórico de capturas e redefine a ferramenta ao seu estado inicial.
Compressão, Anti-aliasing e Transparência
O analisador extrai o valor exato do pixel conforme ele está codificado no arquivo de imagem. No entanto, fatores técnicos de compressão e renderização podem influenciar os resultados esperados:
- Compressão JPEG e Capturas de Tela: Algoritmos de compressão com perdas (como os do formato JPEG) e processos de suavização de serrilhado (anti-aliasing) alteram os valores originais dos pixels vizinhos para reduzir o tamanho do arquivo ou suavizar bordas. Isso significa que a cor visualizada pode diferir ligeiramente do valor cromático teórico planejado na criação do elemento.
- Transparência (Canal Alfa): Quando um pixel possui transparência parcial, a ferramenta lê o valor do pixel isoladamente, desconsiderando qualquer cor de fundo que esteja atrás dele. Nesses casos, o sistema exibe o indicador: "Alfa
{n}% — este pixel é parcialmente transparente.".
Privacidade e Processamento Local
O processamento de dados do Seletor de Cores de Imagem ocorre inteiramente no lado do cliente. A imagem selecionada é lida diretamente do dispositivo do usuário e processada localmente dentro do próprio navegador web. Nenhum dado ou arquivo é enviado para o BroBroGo, garantindo que as imagens permaneçam restritas ao ambiente local do usuário durante toda a execução da análise.
Perguntas Frequentes
Como faço para capturar uma cor da imagem?
Mova o ponteiro sobre a imagem e o painel mostrará a cor sob ele, com uma lupa de zoom para que você acerte o pixel exato. Clique para salvar essa cor na sua lista. Você também pode focar na imagem e mover a mira usando as setas do teclado, pressionando Enter para salvar.
Quais formatos de cor eu recebo?
Cada pixel selecionado é exibido simultaneamente em HEX, RGB e HSL. Basta clicar em qualquer valor para copiá-lo e colá-lo no seu CSS ou ferramenta de design.
Por que a cor capturada às vezes não bate com o que eu esperava?
Você obtém o valor exato do pixel armazenado na imagem. Se for um JPEG ou uma captura de tela, a compressão e o anti-aliasing podem ter alterado levemente os pixels próximos. Além disso, pixels semitransparentes são lidos isoladamente, sem considerar o que está por trás deles.