Neste artigo
O que é um seletor de cores de imagem?
Um seletor de cores de imagem é uma ferramenta que permite clicar em qualquer píxel de uma imagem para extrair o seu valor de cor exato. A cor é apresentada em vários formatos — HEX, RGB e HSL — para que possa utilizá-la diretamente no seu código CSS, software de design ou paleta de cores.
Esta ferramenta é indispensável para designers e programadores que precisam de identificar cores específicas a partir de fotografias, capturas de ecrã, maquetas ou elementos de marca. Em vez de adivinhar valores de cor ou usar ferramentas de captura de ecrã externas, basta carregar uma imagem e clicar para obter os códigos de cor precisos.
Como funciona a nossa ferramenta
Extrair cores de qualquer imagem é rápido e intuitivo:
- Carregue a sua imagem — arraste e solte ou selecione um ficheiro PNG, JPG ou WebP do seu dispositivo.
- Clique em qualquer píxel — passe o cursor sobre a imagem e clique em qualquer ponto para selecionar um píxel. A ferramenta extrai instantaneamente os valores HEX, RGB e HSL.
- Copie os valores de cor — copie o código de cor no formato pretendido (HEX, RGB ou HSL) para a área de transferência com um clique e utilize-o nos seus projetos.
Experimente gratuitamente — sem cadastro
Selecionar cor de imagem →Casos de uso
A extração de cores de imagens é útil em muitos cenários criativos e técnicos:
- Extrair cores de marca a partir de logótipos, fotografias de produtos ou materiais de marketing existentes para manter a consistência visual em novos designs.
- Identificar cores exatas em capturas de ecrã de websites ou aplicações para replicar ou corresponder a elementos da interface de utilizador.
- Criar paletas de cores a partir de fotografias ou obras de arte, selecionando várias cores de uma imagem para utilizar em projetos de design ou ilustração.
Perguntas frequentes
Quão precisa é a extração de cores?
A extração é exata ao nível do píxel. A ferramenta lê o valor RGBA real do píxel selecionado diretamente a partir dos dados da imagem, garantindo uma correspondência perfeita com a cor original.
Que formatos de cor estão disponíveis?
Cada cor selecionada é apresentada em três formatos: HEX (por exemplo, #6366f1), RGB (por exemplo, rgb(99, 102, 241)) e HSL (por exemplo, hsl(239, 84%, 67%)). Todos os formatos podem ser copiados para a área de transferência com um clique.
A minha imagem é carregada para algum servidor?
Não. Todo o processamento acontece diretamente no seu navegador utilizando a API Canvas. A sua imagem nunca sai do seu dispositivo — nada é enviado para nenhum servidor.