Pegue a cor de uma imagem com o conta-gotas
Escolha uma imagem, aponte para qualquer ponto e copie a cor em HEX, RGB, HSL e outros formatos. A imagem não sai do seu navegador.
Passe o cursor sobre a imagem e clique para pegar a cor. As setas do teclado ajustam o ponto pixel a pixel (Shift anda mais rápido) e Enter pega a cor.
Últimas cores
Clique em uma cor para ver os códigos dela de novo.
Perguntas frequentes
A imagem é enviada para algum servidor?
Não. A leitura da cor usa o Canvas, uma função nativa do navegador. O arquivo não sai do seu computador em nenhum momento.
A cor vem da imagem original ou do tamanho que aparece na tela?
Do original. A página mostra a imagem reduzida para caber, mas lê o pixel no tamanho real do arquivo. A lupa mostra o ponto exato, pixel por pixel, e a cor não muda se você aumentar ou diminuir a janela. Numa imagem muito reduzida, um passo do mouse pula vários pixels do arquivo: com o cursor sobre a imagem, use as setas do teclado para ajustar o ponto de um em um.
Por que dois pontos quase iguais dão cores diferentes?
Foto tem ruído, textura e compressão: pixels vizinhos raramente são idênticos. Num logo ou numa arte de cor chapada o valor é sempre o mesmo. Numa foto, pegue alguns pontos da mesma região e use a faixa de últimas cores para comparar.
Qual formato de cor devo copiar?
HEX é o mais usado em sites, Canva e Figma. RGB e HSL servem quando você precisa de transparência ou quer clarear e escurecer a cor com facilidade. OKLCH é o formato moderno do CSS, bom para montar paletas. HSV (ou HSB) aparece em programas como o Photoshop. CMYK é o das gráficas.
O CMYK é exato?
Não. É uma conversão matemática simples a partir do RGB, sem perfil de impressão. A gráfica usa um perfil que conhece a tinta e o papel, e o resultado impresso costuma sair diferente, principalmente em azul e verde muito saturados. Use como ponto de partida e confirme com ela.
O que é o contraste que aparece na janela?
É a razão de contraste da WCAG, a norma de acessibilidade da web, entre a cor e um texto branco ou preto. Texto normal precisa de pelo menos 4,5:1 (nível AA) e o nível AAA pede 7:1. Texto grande passa com 3:1. Para qualquer cor, o branco ou o preto chega a pelo menos 4,58:1, então um dos dois sempre serve de texto sobre ela.
O que acontece se o pixel for transparente?
Pixel totalmente transparente não tem cor para pegar, e a ferramenta avisa. Se for parcialmente transparente, a janela mostra também o HEX com alfa (oito dígitos) e o RGBA. O navegador guarda essas cores já misturadas com a transparência, então o valor pode variar um ou dois níveis em relação ao original.
Posso pegar a cor de qualquer lugar da tela?
No Chrome e no Edge, sim: aparece o botão "Pegar cor de qualquer lugar da tela". Firefox e Safari ainda não têm essa função. Neles, tire um print (Print Screen ou Win+Shift+S), cole aqui com Ctrl+V e use o conta-gotas sobre o print.
Quais arquivos funcionam?
JPEG, PNG, WebP, GIF, AVIF e HEIC (foto de iPhone), até 24 megapixels. Em GIF animado vale o primeiro quadro. Se o seu navegador não abre HEIC sozinho, a ferramenta baixa um conversor de 3,3 MB na primeira vez. Imagem maior que o limite precisa ser reduzida antes, com a ferramenta Redimensionar Imagem.
Diagnóstico
Precisa de mais do que uma ferramenta solta?
A NexGold monta seu site completo, com domínio próprio e posicionamento no Google, a partir de R$390. O valor final varia conforme o que o seu projeto precisa.
Como funciona
- 1
Você preenche o formulário
Nome, WhatsApp e o que o seu negócio faz. Nada além disso.
- 2
A NexGold chama no WhatsApp
No número que você informou, para marcar a conversa na hora que der para você.
- 3
A conversa é o diagnóstico
A NexGold entende o seu negócio e o seu orçamento antes de sugerir qualquer coisa.