Você percebe uma cor específica enquanto navega na web? Ou você precisa usar um tom específico em seu design para manter tudo consistente? Veja como obter o código RGB ou HEX de qualquer pixel na tela.
Determinar o valor RGB ou HEX de uma cor na tela
Identificar um valor de cor RGB ou HEX em uma tela não requer um olhar especializado ou uma ferramenta cara. Em um PC, existem várias maneiras fáceis de obter um código de cores.
Use o aplicativo para computador
A primeira maneira de obter qualquer cor da tela é usar um aplicativo de computador. Este aplicativo pode já estar instalado em seu computador.
Conta-gotas instantâneo para Windows
Se você precisar obter códigos de cores com frequência, ter uma ferramenta simples à mão facilitará sua vida. Instant Eyedropper é atualmente um aplicativo gratuito exclusivo para Windows.
Depois de instalá-lo, você poderá acessá-lo na bandeja do sistema. Basta pressionar e segurar o botão esquerdo do mouse na cor que você escolher e soltá-lo. O aplicativo copiará instantaneamente o código de cores para a área de transferência e você poderá colá-lo em qualquer programa. O Instant Dropper funciona no Windows XP-10.
Medidor de cor digital para Mac
O Digital Color Meter é uma ferramenta semelhante pré-instalada em dispositivos Mac. Abra a pasta Aplicativos e procure por Utilitários. A ferramenta Digital Color Meter deve estar bem ali.
Ao iniciar este aplicativo, seu cursor se transformará em um conta-gotas, com o qual você poderá pegar qualquer cor da tela. O aplicativo exibirá valores RGB por padrão. Você pode copiá-los e convertê-los para HEX posteriormente ou ajustar as configurações para obter a cor exata desejada.
SIP para Mac
Se você precisar de uma ferramenta mais avançada, poderá consultar o SIP disponível para Mac. O SIP é mais do que um seletor de cores. Ele também oferece muitos recursos avançados que qualquer web designer irá apreciar. Você pode editar facilmente suas cores, organizá-las em paletas e alterar seus formatos para atender às suas necessidades.
Infelizmente , o SIP não é uma ferramenta gratuita, mas oferece um teste gratuito. Você pode experimentá-lo para ver se os recursos extras valem o seu dinheiro.
A vantagem desses aplicativos de desktop é que eles podem capturar cores de quase qualquer parte da tela. As ferramentas do navegador abaixo só podem fazer isso dentro de páginas da web. Obviamente, você pode contornar essa limitação enviando uma foto ou captura de tela para visualizar em seu navegador.
Use seu navegador
A próxima maneira fácil de obter uma cor de código RGB ou HEX é simplesmente usar as ferramentas integradas do seu navegador. Você só poderá selecionar cores de uma página da Web existente, mas poderá usar o Firefox e o Chrome para isso.
Veja onde encontrar o seletor de cores do Firefox:
- Inicie o Firefox e abra o site onde deseja extrair o código de cores.
- Clique no menu do navegador (três linhas horizontais) no canto superior direito.
- Encontre Web Developer Tools entre as opções. Pode estar na seção “Ferramentas adicionais”.
- Uma janela será aberta na parte inferior da página. Encontre o ícone do conta-gotas e você poderá copiar códigos de cores com apenas um clique.
As etapas são semelhantes no Chrome:
- Inicie o Chrome e abra o site desejado.
- Clique no menu (três pontos verticais) no canto superior direito e encontre “Ferramentas do desenvolvedor” em “Mais ferramentas”.
- Uma janela será aberta no lado direito da página. Encontre e clique em “Estilos” na segunda seção.
- Sob o “corpo” você verá um monte de retângulos coloridos. Clique em qualquer um deles para ativar o seletor de cores.
Adendo. Você também pode abrir as ferramentas do desenvolvedor em ambos os navegadores clicando com o botão direito do mouse em qualquer página e selecionando “Inspecionar”.
Usar uma extensão do navegador
Além das ferramentas de desenvolvedor, você também pode usar extensões de navegador úteis para selecionar qualquer cor em uma página da web. Confira as seguintes extensões, que fazem o trabalho:
Use o site
Você não precisa necessariamente de um aplicativo ou extensão para determinar o código RGB ou HEX de uma cor. Se você tiver uma imagem específica da qual deseja obter uma cor, também poderá usar o site. Inúmeros sites permitem fazer upload de uma foto, extrair um código de cores ou até mesmo criar uma paleta harmoniosa.
Seletor de cores de imagem PineTools
Encontre o seletor de cores da imagem no site do PineTools e faça o upload da sua imagem. Aumente o zoom, se necessário, para encontrar o pixel que deseja capturar. Você obterá valores RGB e código hexadecimal com um clique.
Escolhendo uma cor de imagem
O site Image Color Picker oferece várias outras opções além do upload de uma imagem. Clique em “Usar sua imagem” e escolha para onde deseja importar a imagem. Você pode clicar em qualquer parte da imagem para selecionar uma cor específica, mas o site também oferece uma paleta de cores baseada em imagem.
Pesquisa de cores da imagem
Além de ser um simples seletor de cores, o Image Color Finder também pode atuar como uma ferramenta criativa. Você pode pixelizar a imagem enviada para ver melhor suas cores e ampliá-la o quanto quiser. O site também sugere automaticamente algumas cores.
Faça uma captura de tela
Finalmente, você pode determinar o código de cores sem todas as ferramentas mencionadas acima. Em vez disso, você fará uma captura de tela e escolherá uma cor a partir daí.
- Certifique-se de que a cor que você deseja selecionar esteja visível na tela.
- Faça uma captura de tela pressionando o botão Print Screen no teclado (PrntScr, PrtScn, etc.) no Windows ou pressionando e segurando “Shift + Command + 3” no Mac ao mesmo tempo. Sua captura de tela será copiada automaticamente para sua área de transferência. Dica: Você também pode capturar apenas parte da tela. No Windows, abra a Ferramenta de Recorte no menu Iniciar. Em um Mac, use o atalho de teclado “Shift + Command + 4”.
- Abra o MS Paint (ou qualquer outro aplicativo de imagem) e cole a captura de tela.
- Encontre a ferramenta conta-gotas e selecione uma cor.
- Clique em “Editar cores” ao lado da paleta de cores no MS Paint. Abaixo do controle deslizante, você verá os valores RGB da sua cor atual. Para converter esses números em código hexadecimal, você precisará da ajuda do site.
- Vá para RGB to HEX e insira os valores nos campos apropriados.
- Clique em “Converter para Hexadecimal” e você receberá seu código.
Perguntas frequentes adicionais
Qual é a diferença entre RGB e HEX? O que eu preciso?
Os códigos RGB e HEX expressam as mesmas cores. No entanto, o código que você precisa depende do uso pretendido. Os códigos RGB informam à tela quanta luz vermelha, verde e azul emitir para produzir a cor desejada. Os códigos HEX transmitem a mesma informação, mas na linguagem de codificação.
Um designer ou desenvolvedor provavelmente precisará de códigos HEX coloridos.
Como determinar a cor em um dispositivo móvel?
Para selecionar uma cor na tela do seu dispositivo móvel, você pode baixar o aplicativo ou usar um dos sites mencionados acima. A ferramenta de marcação também possui um seletor de cores para iOS. Também pode fornecer o código HEX da cor.
Obtenha qualquer cor que você vê com apenas um clique
O uso de códigos de cores RGB ou HEX garante que não haja possibilidade de erro. Com essas linguagens de cores universais, você pode manter seus designs consistentes com os mesmos tons. Como existem muitas maneiras de extrair o código de cores na tela, você só precisa encontrar a maneira mais fácil para você.
Qual seletor de cores você prefere? Ou você tem outro método confiável para adicionar? Deixe-nos saber abaixo.
Deixe um comentário