Como usar
- Clique em "Escolher imagem", arraste uma imagem ou cole uma captura de tela com Ctrl+V / Cmd+V.
- Mova o cursor ou o dedo sobre a imagem para ver os valores de HEX, RGB e HSL em tempo real e a lupa.
- Clique em um ponto que deseja manter; a cor é salva no histórico.
- Clique em "Extrair paleta" para gerar uma paleta amigável ao design e copie os valores de cor que precisar.
Exemplo: cole a captura de tela de um produto, capture a cor principal do botão e copie o valor HEX para o seu CSS ou arquivo de design.
Recursos principais
- Captura de cor de imagem local: as imagens são renderizadas e amostradas no Canvas do navegador, sem envio para servidor.
- HEX/RGB/HSL em nível de pixel: mova o cursor ou o dedo sobre a imagem para ler os valores de HEX, RGB e HSL em tempo real.
- Lupa com mira: uma pré-visualização ampliada ajuda a mirar bordas de ícones, detalhes de capturas de UI e pequenos blocos de cor.
- Gerador de paleta: a amostragem de pixels no navegador extrai até 5 cores dominantes para referência rápida de design.
- Salvar e copiar rápido: clique na imagem para salvar cores no histórico e clique em qualquer amostra para copiar o código da cor.
Ferramentas relacionadas
A Calculadora FIRE 2026 definitiva com ajuste pela inflação. Evite números ilusórios simulando o crescimento dos juros compostos com poder de compra real. Analise as lacunas de poupança e exporte para CSV para seus painéis no Excel ou Notion. 100% privada, com cálculos locais.
Calcule o tamanho da posição de trade a partir do saldo da conta, risco %, preço de entrada e stop loss. Roda localmente no navegador, sem uploads, para comparar cenários de risco antes de operar.
Calcule os juros compostos a partir do capital inicial, aportes periódicos, rendimento anual e prazo. Visualize capital, juros e saldo final com um gráfico interativo local.
Use esta Calculadora de Empréstimo / Financiamento para estimar a parcela mensal, os juros totais e a tabela de amortização localmente. Informe o valor, a taxa e o prazo para calcular agora com gráficos instantâneos.
Use esta Calculadora de Investimento / ROI para estimar capital inicial, aportes mensais, rendimento anual e resultados ajustados pela inflação localmente. Calcule os retornos projetados com gráfico de juros compostos, ROI e tabela anual na hora.
Use esta Calculadora de APR para APY para converter entre APR e APY localmente. Informe uma taxa, escolha a frequência de capitalização e veja a taxa efetiva anual, a diferença e a tabela comparativa na hora.
Use esta Calculadora de Margem de Lucro para calcular lucro bruto, Markup, Margem e preço de venda localmente. Informe custo e preço, ou custo e margem-alvo, e calcule suas margens na hora.
Use esta Calculadora de CPM e CPC para estimar gasto com anúncios, impressões, cliques, CPM, CPC e CTR localmente. Informe orçamento e custos-alvo para planejar cenários de campanha na hora.
Lógica de cálculo
Esta ferramenta decodifica a imagem localmente com o HTML5 Canvas e lê o pixel RGBA na coordenada atual do seletor por meio do getImageData. Os valores HEX, RGB e HSL são formatados a partir desse pixel.
A geração da paleta amostra pixels do Canvas, agrupa cores próximas em faixas simples e as ordena por frequência para retornar até 5 cores dominantes. Isso é útil para paletas rápidas de web e design, mas não promete o gerenciamento de cores absoluto profissional em ICC / P3.
Perguntas frequentes
Minhas imagens são enviadas para algum servidor?
Não. O carregamento da imagem, a captura de cor, a pré-visualização da lupa e a geração da paleta acontecem localmente no seu navegador.
Como obtenho a cor HEX de uma imagem?
Selecione ou cole uma imagem e mova o cursor ou o dedo até o pixel desejado. A cor aparece instantaneamente. Clique na imagem para salvá-la no histórico e clique em uma amostra para copiar o valor HEX.
Quais formatos de cor são suportados?
A ferramenta exibe e copia HEX, RGB e HSL, os formatos mais comuns no design web e no desenvolvimento front-end.
Por que a cor pode diferir um pouco do Photoshop?
O Canvas lê o pixel como renderizado pelo seu navegador. O comportamento do navegador, o gamut do monitor e os perfis de cor embutidos na imagem podem gerar pequenas diferenças.
Consigo capturar cores no celular?
Sim. Em dispositivos com toque, arraste o dedo sobre a imagem para mover a mira e toque ou solte para fixar uma cor.