Conta-gotas de cores online — obter a cor de uma imagem
ou arraste uma imagem para cá, ou cole da área de transferência (Ctrl+V)
Tamanho máximo: 50 MB. Compatíveis: JPG, PNG, WEBP, GIF, BMP, AVIF, SVG, ICO.
Perguntas frequentes
Para que serve um conta-gotas de cores?
Há quatro usos principais. Design e layout web: pegar o código exato de uma cor da marca a partir de um mockup ou referência em vez de tentar acertar no olho. Conferência da cor da marca: checar se a cor do site bate com a do manual de marca ou do logotipo. Trabalho com fotos: encontrar o tom dominante para escolher o fundo ou elementos combinando. Verificação de contraste: comparar os códigos do texto e do fundo antes de checar a acessibilidade.
As imagens enviadas ficam no servidor?
Um arquivo enviado e uma captura colada não saem do dispositivo: o processamento acontece no navegador. Uma imagem carregada por URL só passa pelo servidor de trânsito, para o navegador conseguir carregá-la, e não é guardada.
Por que a cor na tela às vezes é diferente da real?
Cada monitor calibra as cores de um jeito, e algumas imagens são salvas com uma compressão que distorce um pouco os tons. O conta-gotas lê a cor direto do arquivo, então mostra o mesmo valor que o navegador «vê», não a cor absolutamente objetiva do objeto na foto.
Dá para descobrir a cor de uma captura de tela?
Sim, uma captura é colada do mesmo jeito que uma imagem comum: pela área de transferência. É útil para pegar a cor de qualquer elemento da interface sem salvar um arquivo no disco.
E se eu precisar da cor de uma área, não de um único pixel?
A ferramenta lê exatamente a cor do pixel clicado. Para uma cor média de uma área, vale escolher vários pontos dentro dela e comparar os valores: costumam ficar próximos se a área for uniforme na cor.
Funciona com imagens vindas de um link direto da internet?
Sim, a terceira forma de enviar é colar a URL da imagem. A imagem é carregada para ler a cor e não é guardada no servidor depois de processada.
Envie um arquivo, cole uma captura de tela ou informe um link para uma imagem: a ferramenta lê a cor exata de qualquer pixel e mostra em HEX, RGB e HSL com botão de copiar. O arquivo não é recomprimido: a cor vem do original, pixel a pixel, direto no navegador.
Como descobrir a cor de uma foto
- Envie uma imagem. Há três formas: enviar um arquivo do dispositivo, colar uma captura de tela da área de transferência ou informar um link direto para a imagem.
- Dê zoom na área desejada. A lupa amplia a imagem até o pixel individual – importante quando você precisa da cor de um detalhe pequeno, não do tom médio de uma área.
- Clique e copie o código. Um clique no pixel dá a cor de uma vez em três formatos – HEX, RGB e HSL – cada um com seu botão de copiar. As últimas dez cores escolhidas ficam numa faixa de histórico, então uma escolha anterior não se perde ao passar para a próxima.
HEX, RGB e HSL: qual formato para quê
Os três formatos descrevem a mesma cor, mas são usados em contextos diferentes.
| Formato | Exemplo | Onde é usado |
|---|---|---|
| HEX | #3A7BD5 | CSS, layout de sites, editores gráficos |
| RGB | rgb(58, 123, 213) | CSS, programação, trabalho com camadas de transparência |
| HSL | hsl(214, 64%, 53%) | Escolher tons de um mesmo matiz: mais fácil ajustar claridade e saturação separadamente |
O que fazer com a cor obtida
Se além de descobrir a cor você quiser uma combinação para ela ou convertê-la para outro formato – CMYK, RAL, Pantone –, use o conversor de cores. O código HEX obtido pode ir direto para o layout da página, e antes de publicar um texto pronto ajuda passar pelo contador de densidade de palavras ou pelo limpador de texto.