Pular para o conteúdo

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.

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. 1

    Você preenche o formulário

    Nome, WhatsApp e o que o seu negócio faz. Nada além disso.

  2. 2

    A NexGold chama no WhatsApp

    No número que você informou, para marcar a conversa na hora que der para você.

  3. 3

    A conversa é o diagnóstico

    A NexGold entende o seu negócio e o seu orçamento antes de sugerir qualquer coisa.

Falar com a NexGold