Encontre o código hexadecimal de uma cor no seu computador

Vídeo: Microcontroladores PIC - Aula 07 - Portas de I/O, bits de configuração e montagem em protoboard

Contente

Dar um passo
Método 1 de 4: usando o medidor digital de cores em um Mac
Método 2 de 4: Usando Color Cop para Windows
Método 3 de 4: usando Imagecolorpicker.com
Método 4 de 4: usando o Firefox (para colorir na web)
Pontas

As cores são diferenciadas em HTML e CSS por seus códigos hexadecimais. Se você estiver criando uma página da web ou trabalhando em outro projeto HTML e quiser incluir um elemento que corresponda a uma cor específica em uma imagem, site ou janela na tela do seu computador, você precisa encontrar o código hexadecimal para a cor. Este wikiHow mostra como usar uma variedade de ferramentas gratuitas para descobrir rapidamente o código hexadecimal de qualquer cor.

Dar um passo

Método 1 de 4: usando o medidor digital de cores em um Mac

Abra o medidor digital de cores em seu Mac. Essa ferramenta faz parte do macOS, pode distinguir o valor da cor de qualquer cor na tela. Abra o Finder, clique duas vezes na pasta Programas, clique duas vezes na pasta Serviços de utilidade pública e clique duas vezes Medidor digital de cores para abri-lo.
Mova o cursor do mouse para a cor para a qual deseja descobrir o código hexadecimal. Ao mover o mouse, os valores da ferramenta são atualizados em tempo real. Não mova o mouse deste local até travar as aberturas horizontal e vertical.
- Você também pode usar a ferramenta para reconhecer cores na web. Abra um navegador como o Safari (ou seu outro navegador) e acesse um site com a cor que deseja reconhecer.
Aperte ⌘ Comando+EU.. Isso bloqueia as lacunas horizontais e verticais, o que significa que o valor da cor não muda quando você move o mouse.
Aperte ⇧ Shift+⌘ Comando+C. para copiar o código hexadecimal para a área de transferência. Você também pode copiar o código hexadecimal clicando no Cormenu e clicando Copiar cor como texto selecionar.
Aperte ⌘ Comando+V. para colar o código copiado. Você pode colar o código diretamente em seu código HTML, em um arquivo de texto ou em outro lugar onde possa inserir texto.
Aperte ⌘ Comando+EU. para desbloquear o localizador de cores. Se você quiser determinar uma cor diferente, isso libera o bloqueio para que o cursor funcione como um localizador de valor de cor novamente.

Método 2 de 4: Usando Color Cop para Windows

Instale o Color Cop. Color Cop é um pequeno utilitário gratuito que você pode usar para descobrir rapidamente o código hexadecimal de qualquer cor na tela. Você obtém este aplicativo da seguinte maneira:
- Vá para http://colorcop.net/download em um navegador da web.
- Clique em colorcop-setup.exe em "instalação automática". Se o arquivo não for baixado automaticamente, clique Salve  ou OK para iniciar o download.
- Clique duas vezes no arquivo baixado (está na pasta Transferências e geralmente no canto inferior esquerdo da guia do navegador).
- Siga as instruções na tela para instalar o aplicativo.
Abra o Color Cop. Você pode encontrá-lo no menu Iniciar.
Arraste o conta-gotas até a cor que deseja identificar. Você pode identificar qualquer cor na tela, incluindo aquelas em outros aplicativos e em sites.
Solte o botão do mouse para revelar o código hexadecimal. O código aparecerá no centro do programa no espaço em branco.
Clique duas vezes no código hexadecimal e pressione Ctrl+C.. Isso copia o código hexadecimal para a área de transferência.
Cole o código onde você precisar. Você pode Ctrl + V use para colar o código hexadecimal onde quiser, como em código HTML ou CSS.

Método 3 de 4: usando Imagecolorpicker.com

Vamos para https://imagecolorpicker.com no seu computador, telefone ou tablet. Você pode usar esta ferramenta gratuita para determinar o código hexadecimal de qualquer cor em uma imagem enviada. Este método funciona em qualquer navegador da web, incluindo aqueles em um Android, iPhone ou iPad.
Faça upload de uma imagem ou insira um URL. Você terá que decidir se deseja fazer upload de sua própria imagem ou se deseja usar uma imagem online ou site. Ambos os métodos podem ser usados para exibir uma imagem ou página da web, permitindo que você selecione a cor desejada.
- Para fazer upload de uma imagem, role para baixo e selecione Carregue a sua imageme, em seguida, vá até a imagem em seu computador, telefone ou tablet e selecione a opção de carregá-la.
- Para usar um site, role para baixo até a opção "Use esta caixa para obter o código de cores HTML de um site", insira o URL e clique ou toque no botão Pegue o site para selecionar o site.
- Para selecionar uma imagem direta na web em vez de um site inteiro, insira o URL da imagem na caixa "Use esta caixa para obter o código de cor HTML de uma imagem a partir deste URL" e clique ou toque em Tirar uma imagem.
Clique ou toque na cor desejada na visualização da imagem / site. Isso exibirá o código hexadecimal da cor no canto esquerdo inferior da tela.
Clique ou toque no ícone de cópia (os dois quadrados sobrepostos à direita do código hexadecimal) para copiar o código hexadecimal para a área de transferência. Você pode então colá-lo em qualquer arquivo de texto ou área de texto.

Método 4 de 4: usando o Firefox (para colorir na web)

Abra o Firefox no seu PC ou Mac. O navegador Firefox vem com uma ferramenta gratuita que você pode usar para identificar o código hexadecimal de qualquer cor na web. Se você tiver o Firefox instalado, poderá encontrá-lo no menu Iniciar (Windows) ou na pasta Aplicativos (macOS).
- Você pode baixar o Firefox gratuitamente em https://www.mozilla.org/en-US/firefox.
- O Firefox retorna apenas o valor de uma cor em um site. Você não pode usar a ferramenta fora do navegador.
Acesse um site que contém a cor que você deseja determinar. Certifique-se de que o elemento para o qual você precisa da cor está à vista.
Clique no menu ☰. Elas são as três linhas horizontais no canto superior direito do Firefox.
Clique nisso Desenvolvedor web-cardápio. Outro menu está sendo expandido.
Clique no pipeta. O cursor do mouse se transformará em um grande círculo.
Clique na cor que deseja determinar. O valor hexadecimal das cores será atualizado imediatamente conforme você move o mouse para o local. Assim que você clicar com o mouse, o Firefox salvará o código hexadecimal em sua área de transferência.
Cole o código onde você precisar. Você pode Control + V usar (PC) ou Command + V (Mac) para colar o código hexadecimal em seu HTML, CSS ou qualquer outro tipo de arquivo de texto.

Pontas

Existem outros sites, extensões de navegador e programas de edição de imagem que também permitem que você use um seletor de cores para determinar o código hexadecimal da cor.
Se você sabe quem são os criadores da página da web com a cor que está tentando encontrar, pode sempre perguntar qual código hexadecimal eles usaram. Você também pode pesquisar o código-fonte do site para encontrar o código hexadecimal listado lá.