Como Obter o Código Hexadecimal de uma Cor na Tela do Computador

As cores são identificadas em HTML e CSS por seus códigos hexadecimais. Se estiver criando uma página web ou algum outro projeto HTML e quiser incluir um elemento que corresponda a uma cor específica de uma imagem, website ou janela na tela do seu computador, você vai precisar do código hexadecimal da cor. Este artigo vai ensiná-lo a usar uma variedade de ferramentas gratuitas para identificar rapidamente o código hexadecimal de qualquer cor.

Método 1

Método 1 de 4:

Usando o Digital Color Meter no Mac

Baixe em PDF

Essa ferramenta nativa do macOS pode identificar o valor de qualquer cor na tela. ^{[1]XFonte de pesquisa} Abra o Finder, dê um clique duplo sobre a pasta Aplicativos depois sobre a pasta Utilitários e clique em Digital Color Meter para abri-lo.
2
Mova o cursor do mouse para a cor que quer identificar. Ao mover mouse, os valores na ferramenta serão atualizados em tempo real. Não mova o mouse deste local até bloquear os campos horizontal e vertical.
- Você também pode usar a ferramenta para identificar cores em uma página web. Basta abrir o Safari (ou outro navegador de internet) e acessar o site contendo a cor que você quer identificar.
Fazê-lo vai travar os campos horizontal e vertical, ou seja, agora o valor não será alterado ao mover o mouse.
Você também pode copiá-lo clicando no menu Cor e selecionando Copiar cor como texto.
Você pode colá-lo diretamente em um código HTML, arquivo de texto ou outra área de digitação.
Se quiser identificar outra cor, esse atalho vai liberar o cursor para identificar outros valores.
Publicidade

Método 2

Método 2 de 4:

Usando o Color Cop no Windows

Baixe em PDF

1
Instale o Color Cop. Essa ferramenta gratuita pode identificar o valor de qualquer cor na tela. Veja como baixá-la:
- Acesse o site http://colorcop.net/download em um navegador de internet.
- Clique em colorcop-setup.exe abaixo de "self-installing". Se o download não iniciar automaticamente, clique em Salvar ou OK para iniciá-lo.
- Dê um clique duplo sobre o arquivo baixado (na pasta Downloads, e geralmente no canto inferior esquerdo da aba do navegador do navegador de internet).
- Siga as instruções na tela para instalar o aplicativo.
Você pode encontrá-lo no menu "Iniciar".
Você pode identificar qualquer cor na tela, seja em outros aplicativos ou websites.
Ele vai aparecer na parte em branco no dentro do aplicativo.
Fazê-lo vai copiar o código hexadecimal para a área de transferência.
Use o atalho Ctrl+V para colar o código hexadecimal em qualquer local, como no seu código HTML ou CSS.
Publicidade

Método 3

Método 3 de 4:

Usando Imagecolorpicker.com

Baixe em PDF

Acesse o site https://imagecolorpicker.com em um computador, smartphone ou tablet. Essa é uma ferramenta gratuito que pode identificar o código hexadecimal de qualquer cor em uma imagem enviada. Esse método funciona em qualquer navegador de internet, incluindo os do Android, iPhone ou iPad.
2
Envie uma imagem ou insira um URL. Você pode enviar uma salva que esteja salva no seu computador ou então usar uma imagem que já esteja hospedada na internet. Em ambos os casos, selecione a cor desejada.
- Para enviar uma imagem, desça a tela e selecione Upload your image (Enviar sua imagem), navegue até ela no computador, tablet ou smartphone e selecione a opção de enviá-la.
- para usar um website, desça a tela até a opção "Use this box to get the HTML color code from a website" (Usar esta caixa para gerar um código de cor HTML de um website), digite o URL e toque ou clique em Take website (Pegar website).
- Para selecionar uma imagem diretamente na web em vez de um site inteiro, digite o URL da imagem na caixa "Use this box to get the HTML color code from a picture via this URL" (Use esta caixa para obter o código de imagem HTML de uma imagem via URL) e toque ou clique em Take image (Pegar imagem).
Fazê-lo vai exibir o código hexadecimal da cor no canto inferior esquerdo da tela.
Ele tem o ícone de dois quadrados sobrepostos à direita do código hexadecimal. Agora, você pode colar o código em um arquivo de texto ou área de digitação.
Publicidade

Método 4

Método 4 de 4:

Usando o Firefox (para cores na web)

Baixe em PDF

1
Abra o Firefox no Windows ou Mac. O navegador de internet Firefox vem com a ferramenta gratuita "Conta-gotas" que pode ser usada para identificar o código hexadecimal de qualquer cor na web. Encontre-o no menu "Iniciar" (Windows) ou na pasta "Aplicativos" (macOS).
- Caso não tenha o Firefox instalado, baixe-o gratuitamente em https://www.mozilla.org/pt-BR/firefox.
- O Firefox identifica apenas cores de um website, e não aquelas exibidas fora do navegador.
Verifique se o elemento contando a cor está visível.
Em seguida, um novo menu será exibido.
Em seguida, o cursor do mouse será alterado para um grande círculo.
Note que o valor hexadecimal da cor é atualizado em tempo real ao passo em que você mover o cursor do mouse. Ao clicar, o Firefox vai salvar o código hexadecimal na área de transferência.
Use o atalho Control + V (Windows) ou Command + V (Mac) para colar o código hexadecimal no seu documento HTML, CSS ou em algum documento de texto.
Publicidade

Dicas

Existem outros websites, extensões de navegador de internet e editores de imagem com a capacidade de identificar o código hexadecimal de uma cor também,
Se você conhece o desenvolvedor de uma página contendo a cor que você quer identificar, pergunte a ele quando o código usado. Você também pode obter o código fonte do site e tentar encontrar o código fonte nele.