Seletor de Cores de Imagem Clique em qualquer lugar de uma imagem para escolher o valor exato da cor em HEX, RGB e HSL.
Seletor de Cores de Imagem
Clique em qualquer lugar de uma imagem para escolher o valor exato da cor em HEX, RGB e HSL.
Faça Upload da Sua Imagem
Solte ou selecione uma imagem para escolher cores.
Clique para Escolher
Clique em qualquer lugar na imagem para escolher a cor exata nesse pixel.
Copie Valores de Cor
Copie o valor da cor HEX, RGB ou HSL com um único clique.
What Is Seletor de Cores de Imagem?
Um seletor de cores de imagem permite extrair valores de cor exatos de qualquer pixel em uma imagem. Faça upload de uma foto ou gráfico, clique em qualquer lugar nele e obtenha instantaneamente a cor nos formatos HEX, RGB e HSL. A ferramenta mantém um histórico das cores selecionadas para que você possa amostrar múltiplas cores e compará-las. Cada amostra de cor no histórico é clicável para copiar seu valor HEX. Isso é essencial para designers que precisam combinar cores de marca com logotipos, desenvolvedores que extraem cores de mockups e qualquer pessoa que precise identificar valores de cor exatos em imagens.
Why Use Seletor de Cores de Imagem?
-
Pipeta de clique com detecção de cores precisa em nível de pixel
-
Valores de cores em formatos HEX, RGB e HSL simultaneamente
-
Histórico de cores salva as cores escolhidas para comparação
-
Cópia com um clique para qualquer formato de cor
Common Use Cases
Combinação de Cores da Marca
Extraia cores exatas da marca de logotipos e materiais de marketing.
Análise de Mockup de Design
Escolha cores de mockups de design para usar em CSS ou ferramentas de design.
Inspiração de Cores de Fotos
Amostre belas cores de fotografias para criar paletas de cores.
Verificação de Acessibilidade
Escolha cores de primeiro plano e segundo plano para verificar razões de contraste.
Technical Guide
O seletor de cores renderiza a imagem carregada em um elemento canvas e lê os dados do pixel usando getImageData(x, y, 1, 1). As coordenadas do clique do mouse são convertidas de coordenadas de exibição para coordenadas de canvas calculando a razão de escala entre o tamanho exibido e as dimensões reais do canvas. A conversão HEX formata cada componente RGB como uma string hexadecimal de dois dígitos. A conversão HSL usa o algoritmo padrão que calcula a luminosidade, saturação e matiz a partir dos valores RGB.
Tips & Best Practices
-
1Aproxime a imagem para uma escolha de cor mais precisa em áreas pequenas
-
2Clique em vários pontos para criar uma paleta de cores a partir de uma imagem
-
3Use HEX para desenvolvimento web, RGB para design gráfico, HSL para ajustes de cor
-
4O histórico de cores salva até 20 cores recentemente escolhidas
Related Tools
Extrator de Cores de Imagem
Extraia automaticamente as cores dominantes e a paleta de cores de qualquer imagem.
🖼️ Image Tools
Imagem para Escala de Cinza
Converte imagens coloridas em escala de cinza (preto e branco) com intensidade ajustável.
🖼️ Image Tools
Brilho da Imagem
Ajuste o brilho das imagens para deixá-las mais claras ou escuras.
🖼️ Image Tools
Saturação de Imagem
Ajuste a saturação das cores das imagens para torná-las mais vívidas ou mais suaves.
🖼️ Image ToolsFrequently Asked Questions
Q Quão precisa é a ferramenta de seleção de cor?
Q Posso escolher cores de qualquer formato de imagem?
Q Por que a cor pode parecer ligeiramente diferente?
Q Posso salvar as cores escolhidas?
Q Funciona com imagens transparentes?
About This Tool
Seletor de Cores de Imagem is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.