As cores são identificadas em HTML e CSS por seus códigos hexadecimais. Se estiver criando uma página da web ou outro projeto HTML e quiser incluir um elemento que corresponda a uma cor específica em uma imagem, site ou janela na tela do computador, você precisará encontrar o código hexadecimal da cor. Este wikiHow ensina como usar uma variedade de ferramentas gratuitas para identificar rapidamente o código hexadecimal de qualquer cor.
Passos
Método 1 de 4: usando o medidor digital de cores em um Mac
Etapa 1. Abra o medidor de cor digital em seu Mac
Essa ferramenta, que vem com o macOS, pode identificar o valor da cor de qualquer cor na tela. Abra o Finder, clique duas vezes no Formulários pasta, clique duas vezes no Serviços de utilidade pública pasta e, em seguida, clique duas vezes Medidor digital de cores para abri-lo.
Etapa 2. Mova o cursor do mouse para a cor que deseja identificar
Conforme você move o mouse, os valores na ferramenta são atualizados em tempo real. Não mova o mouse deste local até bloquear as aberturas horizontal e vertical.
Você também pode usar a ferramenta para identificar cores na web. Basta abrir o Safari (ou seu navegador preferido) e navegar até um site que contém a cor que você deseja identificar
Etapa 3. Pressione ⌘ Command + L
Isso bloqueia as aberturas horizontal e vertical, o que significa que o valor da cor não mudará quando você mover o mouse.
Etapa 4. Pressione ⇧ Shift + ⌘ Command + C para copiar o código hexadecimal para a área de transferência
Você também pode copiar o código hexadecimal clicando no botão Cor menu e seleção Copiar cor como texto.
Etapa 5. Pressione ⌘ Command + V para colar o código copiado
Você pode colá-lo diretamente no código HTML, em um arquivo de texto ou em qualquer outra área de digitação.
Etapa 6. Pressione ⌘ Command + L para destravar as aberturas
Se você quiser identificar outra cor, isso libera o bloqueio para que o cursor atue mais uma vez como um identificador do valor da cor.
Método 2 de 4: usando Color Cop para Windows
Etapa 1. Instale o Color Cop
Color Cop é um pequeno utilitário gratuito que você pode usar para identificar rapidamente o código hexadecimal de qualquer cor na tela. Veja como obter o aplicativo:
- Vá para https://colorcop.net/download em um navegador da web.
- Clique colorcop-setup.exe em "instalação automática". Se o arquivo não baixar automaticamente, clique em Salve ou OK para iniciar o download.
- Clique duas vezes no arquivo baixado (está no Transferências pasta e geralmente no canto inferior esquerdo da guia do navegador).
- Siga as instruções na tela para instalar o aplicativo.
Etapa 2. Abra o Color Cop
Você o encontrará no menu Iniciar.
Etapa 3. Arraste o ícone do conta-gotas até a cor que deseja identificar
Você pode identificar qualquer cor na tela, incluindo aquelas em outros aplicativos e em sites.
Etapa 4. Solte o botão do mouse para revelar o código hexadecimal
O código aparecerá no espaço em branco no centro do aplicativo.
Etapa 5. Clique duas vezes no código hexadecimal e pressione Ctrl + C
Isso copia o código hexadecimal para a área de transferência.
Etapa 6. Cole o código onde você precisar
Você pode usar Ctrl + V para colar o código hexadecimal em qualquer lugar que desejar, como em seu código HTML ou CSS.
Método 3 de 4: usando Imagecolorpicker.com
Etapa 1. Vá para https://imagecolorpicker.com em seu computador, telefone ou tablet
Você pode usar esta ferramenta gratuita para identificar o código hexadecimal de qualquer cor em uma imagem enviada. Este método funcionará em qualquer navegador da web, incluindo aqueles em seu Android, iPhone ou iPad.
Etapa 2. Faça upload de uma imagem ou insira um URL
Você precisará decidir se deseja fazer upload de sua própria imagem ou usar uma imagem ou site que já esteja online. Qualquer um dos métodos pode ser usado para exibir uma imagem ou página da web para você selecionar a cor desejada.
- Para fazer upload de uma imagem, role para baixo e selecione Carregue a sua imagem, navegue até a imagem em seu computador, telefone ou tablet e selecione a opção para 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 em Pegue o site.
- Para selecionar uma imagem direta na web em vez de um site inteiro, digite o URL da imagem na caixa "Use esta caixa para obter o código de cor HTML de uma imagem por meio deste URL" e clique ou toque em Tirar uma imagem.
Etapa 3. Clique ou toque na cor desejada na imagem / visualização do site
Isso exibe o código hexadecimal de cores no canto inferior esquerdo da tela.
Etapa 4. Clique ou toque no ícone de cópia para copiar o código hexadecimal para a área de transferência
São os dois quadrados sobrepostos à direita do código hexadecimal. Você pode então colá-lo em qualquer arquivo de texto ou área de digitação.
Método 4 de 4: usando o Firefox (para cores na web)
Etapa 1. Abra o Firefox no seu PC ou Mac
O navegador Firefox vem com uma ferramenta gratuita de conta-gotas que você pode usar para identificar o código hexadecimal de qualquer cor na web. Se você tiver o Firefox, você o encontrará no menu Iniciar (Windows) ou na pasta Aplicativos (macOS).
- Você pode baixar o Firefox gratuitamente em
- O Firefox só informa o valor de uma cor em um site. Você não pode usá-lo fora do navegador.
Etapa 2. Vá para um site que contém a cor que você deseja identificar
Certifique-se de que o elemento para o qual você precisa da cor esteja visível.
Etapa 3. Clique no menu ☰
São as três linhas horizontais no canto superior direito do Firefox.
Etapa 4. Clique no menu Desenvolvedor da Web
Outro menu se expandirá.
Etapa 5. Clique em Conta-gotas
O cursor do mouse se transformará em um grande círculo.
Etapa 6. Clique na cor que deseja identificar
Você notará que o valor hexadecimal das cores é atualizado conforme você move o mouse para o local. Depois de clicar com o mouse, o Firefox salvará o código hexadecimal em sua área de transferência.
Etapa 7. Cole o código onde precisar
Você pode usar Control + V (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 revelar o código hexadecimal do matiz.
- Se você sabe quem criou a página da web com a cor que está tentando corresponder, pode sempre perguntar qual código hexadecimal usou. Como alternativa, você pode cavar no código-fonte do site para encontrar o código hexadecimal listado lá.
