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.

[editar]Passos

[editar]Usando o Digital Color Meter no Mac

1. Abra o Digital Color Meter no Mac. Essa ferramenta nativa do macOS pode identificar o valor de qualquer cor na tela. ^[1] 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.
3. Pressione as teclas . Fazê-lo vai travar os campos horizontal e vertical, ou seja, agora o valor não será alterado ao mover o mouse.
   
4. Pressione as teclas para copiar o código hexadecimal para a área de transferência. Você também pode copiá-lo clicando no menu Cor e selecionando Copiar cor como texto.
   
5. Pressione as teclas para colar o código previamente copiado. Você pode colá-lo diretamente em um código HTML, arquivo de texto ou outra área de digitação.
   
6. Pressione as teclas para destravar as aberturas. Se quiser identificar outra cor, esse atalho vai liberar o cursor para identificar outros valores.
   

[editar]Usando o Color Cop no Windows

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.
2. Abra o Open Color Cop. Você pode encontrá-lo no menu "Iniciar".
   
3. Arraste o ícone de conta-gotas para a cor que você quer identificar. Você pode identificar qualquer cor na tela, seja em outros aplicativos ou websites.
   
4. Solte o clique do mouse para obter o código hexadecimal. Ele vai aparecer na parte em branco no dentro do aplicativo.
   
5. Dê um clique duplo sobre o código hexadecimal e pressione as teclas . Fazê-lo vai copiar o código hexadecimal para a área de transferência.
   
6. Cole o código onde você precisar dele. Use o atalho para colar o código hexadecimal em qualquer local, como no seu código HTML ou CSS.
   

[editar]Usando Imagecolorpicker.com

1. 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).
3. Clique ou toque na cor dentro da pré-visualização da imagem ou do site. Fazê-lo vai exibir o código hexadecimal da cor no canto inferior esquerdo da tela.
   
4. Clique ou toque no botão de copiar para copiar o clique ou toque para a área de transferência. 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.
   

[editar]Usando o Firefox (para cores na web)

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.
2. Acesse o website contendo a cor que você quer identificar. Verifique se o elemento contando a cor está visível.
   
3. Clique no menu no canto superior direito do Firefox.
   
4. Clique no menu . Em seguida, um novo menu será exibido.
   
5. Clique no botão . Em seguida, o cursor do mouse será alterado para um grande círculo.
   
6. Clique na cor que gostaria de identificar. 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.
   
7. Cole o código onde você precisar dele. 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.
   

[editar]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.

[editar]Referências

1. ↑ https://support.apple.com/guide/digital-color-meter/welcome/mac