Funcionamento do Seletor de Cores de Imagem
O Seletor de Cores de Imagem é uma ferramenta técnica concebida para extrair com precisão os valores cromáticos de qualquer píxel individual presente numa imagem. Ao carregar um ficheiro a partir do seu dispositivo, a ferramenta apresenta de imediato as coordenadas e os valores de cor correspondentes ao píxel central da imagem.
Para analisar outros pontos, basta mover o ponteiro do rato sobre a imagem. O utilitário disponibiliza uma visualização ampliada através de uma lupa integrada, facilitando a seleção minuciosa de píxeis específicos em áreas de transição ou detalhes de pequena dimensão. Ao clicar na imagem, a cor que está a ser amostrada nesse instante é guardada num histórico local.
A navegação também pode ser efetuada através do teclado para garantir maior rigor. Ao focar a imagem, as setas do teclado movem a mira píxel a píxel. Se mantiver a tecla Shift premida enquanto utiliza as setas, a mira desloca-se em intervalos de 10 píxeis. Para guardar a cor selecionada através deste método, basta premir Enter ou Space.
O histórico de cores guardadas suporta até 12 itens. Se selecionar uma cor com os mesmos valores RGB mas com uma opacidade (canal alfa) diferente, esta será registada como uma entrada independente no histórico. Para recuperar qualquer cor guardada anteriormente e carregar os seus dados nos campos de saída, basta clicar na respetiva amostra visual. O botão "Recomeçar" limpa a imagem ativa, esvazia por completo o histórico de amostras e repõe o estado inicial da ferramenta.
Modelos de Cor Suportados: HEX, RGB e HSL
Ao selecionar um píxel, a ferramenta calcula e apresenta simultaneamente a cor em três dos formatos mais utilizados no desenvolvimento web e design digital:
- HEX: O código hexadecimal de cor do píxel amostrado. Este formato representa os canais de Vermelho, Verde e Azul em base 16 (por exemplo, #FF5733). É o padrão mais comum em folhas de estilo CSS e software de edição gráfica.
- RGB: Os valores absolutos de Vermelho (Red), Verde (Green) e Azul (Blue) do píxel. Cada canal é medido numa escala de 0 a 255 (por exemplo, rgb(255, 87, 51)).
- HSL: A representação baseada em Tom (Hue), Saturação (Saturation) e Luminosidade (Lightness). O tom é expresso em graus (0° a 360°) num círculo cromático, enquanto a saturação e a luminosidade são indicadas em percentagens (por exemplo, hsl(11°, 100%, 60%)).
Qualquer um destes valores pode ser copiado diretamente para a área de transferência do sistema operativo com um único clique sobre o campo de texto correspondente. Caso o navegador de internet restrinja esta ação por motivos de segurança, a ferramenta exibe a mensagem de erro: "Não foi possível copiar — o seu navegador bloqueou o acesso à área de transferência."
Formatos de Imagem e Limites de Processamento
A ferramenta aceita o carregamento de um único ficheiro de imagem por sessão. Os formatos de ficheiro suportados e os respetivos tipos MIME compatíveis são os seguintes:
| Formato | Extensão | Tipo MIME |
|---|---|---|
| JPEG | .jpg,.jpeg | image/jpeg |
| PNG | .png | image/png |
| WebP | .webp | image/webp |
| GIF | .gif | image/gif |
| AVIF | .avif | image/avif |
| HEIC | .heic,.heif | image/heic, image/heif |
Se tentar arrastar ou carregar um ficheiro com uma extensão não compatível, o sistema interrompe o processo e apresenta o aviso: "Este tipo de ficheiro não é suportado. Tente uma imagem PNG, JPG, WebP, GIF, AVIF ou HEIC." Se o ficheiro estiver corrompido ou se ocorrer uma falha na leitura dos dados estruturais, é exibida a mensagem: "Não foi possível abrir a imagem. Ela pode estar corrompida ou num formato não suportado."
Para garantir a estabilidade do navegador e a fluidez da análise cromática em tempo real, as imagens que apresentem uma dimensão superior a 4096 píxeis no seu lado mais longo são automaticamente redimensionadas para valores inferiores ou iguais a este limite.
O Impacto da Compressão e da Transparência nos Píxeis
O Seletor de Cores de Imagem extrai o valor exato do píxel que se encontra gravado no ficheiro de imagem. Contudo, existem fatores técnicos que alteram os valores cromáticos reais em comparação com a perceção visual do utilizador:
Compressão de Imagem e Anti-aliasing
Imagens guardadas no formato JPEG utilizam algoritmos de compressão com perda de dados, o que gera artefactos de compressão em torno de contornos nítidos. Da mesma forma, capturas de ecrã aplicam frequentemente técnicas de anti-aliasing (suavização de arestas) para tornar os textos e curvas visualmente mais homogéneos. Ambos os processos alteram os valores originais dos píxeis individuais. Um píxel que visualmente parece pertencer a um fundo branco sólido pode, na realidade, conter uma variação subtil de cinzento ou azul devido a estes processos de renderização e compressão.
Canais de Transparência (Alfa)
Quando um píxel possui informação de transparência, a ferramenta lê o valor do canal alfa de forma isolada, ignorando qualquer cor de fundo que esteja por trás da imagem no ecrã. Se o píxel for semitransparente, a ferramenta exibe a indicação específica: "Alfa {n}% — este píxel é parcialmente transparente.", onde {n} corresponde à percentagem de opacidade detetada.
Privacidade e Processamento Local
A segurança dos dados é assegurada pelo método de execução técnica da ferramenta. Todo o processamento de imagem, descodificação de píxeis e cálculo de valores de cor ocorre localmente, de forma direta no navegador de internet do utilizador. O ficheiro de imagem selecionado é lido localmente pelo dispositivo e nunca é enviado para servidores externos ou para o BroBroGo.
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 acerte no píxel exato. Clique para guardar essa cor na sua lista. Também pode focar na imagem e mover a mira usando as setas do teclado, premindo Enter para guardar.
Quais formatos de cor eu recebo?
Cada píxel selecionado é exibido simultaneamente em HEX, RGB e HSL. Basta clicar em qualquer valor para o copiar e colá-lo no seu CSS ou ferramenta de design.
Porque é que a cor capturada às vezes não bate com o que eu esperava?
Obtém o valor exato do píxel armazenado na imagem. Se for um JPEG ou uma captura de ecrã, a compressão e o anti-aliasing podem ter alterado ligeiramente os píxeis próximos. Além disso, píxeis semitransparentes são lidos isoladamente, sem considerar o que está por trás deles.