Pode pegar cores de fora do navegador?

Se seu navegador suportar a API EyeDropper, você muitas vezes pode pegar cores de qualquer lugar na tela, não apenas da imagem enviada. Clique no botão EyeDropper e escolha qualquer pixel no seu monitor.

As cores são precisas?

Sim, lemos os dados de cor brutos diretamente dos pixels da imagem conforme renderizados pelo seu navegador. Os resultados são tão precisos quanto a renderização de imagem padrão pode fornecer.

Posso salvar um histórico de cores que selecionei?

A ferramenta exibe as cores selecionadas recentemente durante sua sessão. Para salvar cores permanentemente, copie os valores HEX ou RGB e adicione-os ao seu design ou ferramentas de sistema de design favoritos como Figma, Adobe XD ou qualquer aplicativo de paleta de cores.

O conta-gotas funciona em imagens de fundo CSS?

O conta-gotas de imagem funciona apenas em imagens explicitamente carregadas na ferramenta. Para extrair cores de páginas web ao vivo (incluindo fundos CSS), use a extensão de navegador para conta-gotas de cores ou as ferramentas de desenvolvedor do navegador, que podem inspecionar estilos CSS aplicados.

Posso exportar a paleta de cores selecionadas?

As cores selecionadas são exibidas com seus valores HEX, RGB e HSL que você pode copiar individualmente. Para exportar uma paleta completa, copie os valores manualmente para ferramentas de design como Figma, Adobe Color ou qualquer aplicativo de sistema de design.

Posso copiar o código de cor diretamente para minha área de transferência?

Sim. Após clicar em um pixel da imagem para amostrar sua cor, a ferramenta exibe a cor nos formatos HEX, RGB e HSL. Um botão de cópia ao lado de cada valor permite copiá-lo diretamente para sua área de transferência com um clique. A amostra de cor selecionada também é exibida para que você possa confirmar visualmente a seleção. Este fluxo de trabalho é útil para extração de cores de marca, correspondência de cores de uma referência fotográfica ou construção de uma paleta a partir de um mockup de design — tudo processado inteiramente no seu navegador.

Conta-gotas de Cor — Selecione Cores de Imagens Online

Sobre Seletor de Cores de Imagem

O Selecionador de Cores de Imagem extrai valores exatos de cores de qualquer foto. Clique em qualquer pixel para obter valores HEX e RGB precisos, ou deixe a ferramenta gerar automaticamente uma paleta das cores dominantes da imagem.

Como extrair cores de uma imagem

Carregue uma imagem clicando em "Escolher Imagem" ou arrastando e soltando.
Passe o mouse ou clique em qualquer pixel para ver seu valor HEX e RGB.
Use o recurso "Extrair Paleta" para identificar automaticamente as cores dominantes.
Clique em qualquer cor para copiar o valor HEX para a área de transferência.

Quando usar o Selecionador de Cores de Imagem

Combinar cores de marca de um logotipo ou foto existente para design de UI.
Criar paletas de cores coesas a partir de fotos de referência.
Identificar códigos de cores exatos de mockups de clientes ou capturas de tela.
Extrair cores de tema de fotografias de produtos para materiais de marketing.

Detalhes técnicos

A extração de cores pixel a pixel usa getImageData() da API Canvas do HTML5 para ler valores RGBA. A extração de paleta usa um algoritmo de quantização de cores para identificar as cores mais representativas. Todo o processamento acontece no navegador — nenhuma imagem é enviada a servidores.

Processamento local

Nossas ferramentas locais de arquivos, texto e gráficos processam conteúdo no seu dispositivo com JavaScript, APIs do navegador e WebAssembly quando necessário. Nossos eventos não incluem nomes ou conteúdo de arquivos, texto digitado, valores dos gráficos, erros brutos, emails ou referências de licença. Ferramentas de rede (DNS, WHOIS, IP e testes de velocidade) acessam serviços externos para suas funções. Carregar o site, fontes, bibliotecas e modelos também gera solicitações de rede. WebAssembly por si só não impede acesso à rede.