Ferramenta online Conta-Gotas

Extraia cores de imagens ou páginas da web para obter HEX, RGB e outros formatos de cor para fluxos de trabalho de design e verificações de acessibilidade.

Request Feature / Support
5,192+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

About This Tool

A Ferramenta Conta-Gotas Online oferece amostragem de cor precisa a partir de ativos de imagem ou conteúdo de página ao aceitar uma URL de imagem ou um arquivo carregado e uma especificação de amostragem. Usuários-alvo incluem designers UI/UX, desenvolvedores front-end, gerentes de marca, engenheiros QA e especialistas em acessibilidade que precisam de valores de cor exatos para tokens de design, CSS e checagem de contraste. A ferramenta retorna HEX, RGB e HSL e pode calcular a cor média em uma pequena área para reduzir o ruído e acelerar fluxos de trabalho de cores da marca. Conceitualmente o amostragem carrega os dados da imagem, valida dimensões e converte valores sRGB em várias representações. No modo ponto lê-se um único pixel; no modo região, uma janela configurável (padrão 3x3) é média. O amostragem gamma corrigido minimiza viés perceptual e as coordenadas são limitadas aos limites da imagem. As saídas seguem formatos padrão HEX, RGB, HSL com resultados determinísticos adequados para colar em tokens CSS ou sistemas de design. Casos de uso incluem extrair paleta de cores de ativos existentes, verificar paridade de cor entre ativos e auditar contrastes para acessibilidade. O valor reside no suporte a URLs de imagem e uploads, processamento local quando possível e conversões simples sem scripts. Pode-se gerar várias amostras por imagem para paletas rápidas e exportar resultados como JSON ou fragmentos de código prontos para CI. Funções-chave incluem entrada de imagem, modos de amostragem, especificação de coordenadas ou região, conversões de cores e opções de exportação. Pressupõe-se sRGB e valores compatíveis com CSS; conversão CMYK disponível para impressão. Casos limites incluem imagens muito pequenas, coordenadas fora dos limites e falhas de carregamento com sinais claros. A privacidade é enfatizada processando dados localmente quando possível e sem dependências externas.

How to Use

Forneça uma imagem usando uma URL ou faça upload de um arquivo.
Selecione o modo de amostragem modo ponto para um único pixel ou região para uma cor média.
Se modo ponto, insira coordenadas (x, y) em pixels; se modo região, especifique coordenadas do centro e region_size em pixels.
Execute o cálculo para obter valores de cor em HEX, RGB e HSL.
Copie o formato desejado para tokens de design ou CSS.

How to use online eyedropper tool

Frequently Asked Questions

Find Quick Answers

Quais entradas são suportadas?
Suporta URL de imagem ou uploads de arquivo, modos de amostragem ponto ou região, saídas em HEX, RGB e HSL, CMYK disponível sob demanda para impressão.
Quais formatos de cor são retornados?
HEX, RGB e HSL por padrão; CMYK disponível mediante solicitação para fluxos de impressão; valores compatíveis com CSS.
Como a precisão é garantida?
Média de região reduz ruído; amostragem gamma corrigida melhora a precisão perceptual; coordenadas limitadas às bordas da imagem.
O que fazer se a imagem não carregar?
É retornado um erro de carregamento explícito e a amostra é interrompida; tente novamente com uma URL válida ou reenvie o asset.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Conversor Spotify para MP3

Converte arquivos de áudio fornecidos localmente para MP3, permitindo ouvir offline e compatibilidad...

Color & Design Tools

Calculadora de Distância Rodoviária

Calculadora de distância rodoviária para viajantes, planejadores logísticos e motoristas, para estim...

Color & Design Tools

Calculadora de Idade

Determine rapidamente a idade de uma pessoa a partir da sua data de nascimento com nossa calculadora...

Color & Design Tools

Conversor de moedas

Converta rapidamente valores entre diferentes moedas com nosso conversor de moedas online gratuito,...

Your Feedback Matters

Help Us to Improve