Como identificar uma cor na tela do computador

O mundo digital traduz as cores ao nosso redor em combinações simples de letras e números. Para capturar qualquer cor que desejar, você só precisa obter seu código e poderá replicá-lo.

Como identificar uma cor na tela do computador

Uma cor específica chamou sua atenção enquanto navegava na web? Ou você precisa usar um tom específico em seu design para manter as coisas consistentes? Veja como obter o código RGB ou HEX de qualquer pixel em sua tela.

Identifique o valor RGB ou HEX da cor na tela

Identificar o valor RGB ou HEX de uma cor em sua tela não requer um olhar especializado ou uma ferramenta cara. No PC, existem várias maneiras fáceis de obter seu código de cores.

Use um aplicativo para PC

Como identificar uma cor na tela do computador

A primeira maneira de captar qualquer cor da tela é usando um aplicativo de computador. Talvez você já tenha este aplicativo em seu PC.

Conta-gotas instantâneo para Windows

Como identificar uma cor na tela do computador

Se você precisa pegar códigos de cores com frequência, ter uma ferramenta simples à mão facilitará sua vida. Instant Eyedropper é um aplicativo gratuito exclusivo para Windows a partir de agora.

Depois de instalá-lo, você poderá acessá-lo na bandeja do sistema. Basta pressionar e segurar o botão esquerdo do mouse na cor de sua escolha 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 que desejar. Instant Eyedropper funciona no Windows XP-10.

Medidor de cor digital para Mac

Digital Color Meter é uma ferramenta semelhante pré-instalada em dispositivos Mac. Abra a pasta Aplicativos e encontre Utilitários. A ferramenta Digital Color Meter deve estar ali.

A execução deste aplicativo transformará seu cursor em um conta-gotas que você pode usar para escolher qualquer cor da tela. O aplicativo exibirá os valores RGB por padrão. Você pode copiá-los e convertê-los em HEX mais tarde ou ajustar as opções para obter a cor exata que deseja.

SIP para Mac

Se você precisar de uma ferramenta mais avançada, pode consultar o SIP, disponível para Mac. O SIP é mais do que um seletor de cores. Ele também oferece uma série de recursos avançados que qualquer web designer apreciará. Você pode editar suas cores facilmente, organizá-las em paletas e alterar seus formatos para atender às suas necessidades.

Infelizmente, o SIP não é uma ferramenta gratuita, mas oferece uma avaliação gratuita. 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 praticamente qualquer parte da tela. As ferramentas do navegador abaixo só podem fazer isso dentro de páginas da web. Claro, você pode contornar essa restrição carregando uma foto ou uma captura de tela para visualizá-la em seu navegador.

Use seu navegador

A seguinte maneira direta de obter a cor do código RGB ou HEX é simplesmente usar as ferramentas integradas do seu navegador. Você só poderá escolher as cores na página da Web em questão, mas pode usar o Firefox e o Chrome para isso.

Veja onde encontrar a ferramenta seletora de cores do Firefox:

  1. Inicie o Firefox e abra o site onde deseja extrair um código de cores.
    Como identificar uma cor na tela do computador
  2. Clique no menu do seu navegador (três linhas horizontais) no canto superior direito.
    Como identificar uma cor na tela do computador
  3. Encontre as ferramentas do desenvolvedor da Web entre as opções. Pode estar em "Mais ferramentas".
    Como identificar uma cor na tela do computador
    Como identificar uma cor na tela do computador
  4. 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 um clique.
    Como identificar uma cor na tela do computador

As etapas são semelhantes no Chrome:

  1. Inicie o Chrome e abra o site desejado.
    Como identificar uma cor na tela do computador
    Como identificar uma cor na tela do computador
  2. Clique no menu (três pontos verticais) no canto superior direito e encontre as “Ferramentas do desenvolvedor” em “Mais ferramentas”.
    Como identificar uma cor na tela do computador
  3. Uma janela será aberta no lado direito da página. Encontre e clique em “Estilos” na segunda seção.
    Como identificar uma cor na tela do computador
  4. Em “corpo”, você verá um monte de caixas coloridas. Clique em qualquer um deles para ativar o seletor de cores.
    Como identificar uma cor na tela do computador

Dica: 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 escolhendo “Inspecionar”.

Use uma extensão de navegador

Além das ferramentas do desenvolvedor, você também pode usar extensões de navegador úteis para escolher qualquer cor de uma página da web. Confira as seguintes extensões que fazem o trabalho:

Usar um site

Você não precisa necessariamente de um aplicativo ou extensão para identificar o código RGB ou HEX de uma cor. Se você tem uma imagem específica da qual deseja obter uma cor, também pode usar um site. Inúmeros sites permitem que você carregue uma foto, extraia um código de cores ou até gere uma paleta harmoniosa.

Seletor de cores de imagem do PineTools

Como identificar uma cor na tela do computador

Encontre a ferramenta Image Color Picker no site do PineTools e carregue sua imagem. Aumente o zoom, se necessário, para encontrar o pixel que deseja capturar. Você obterá os valores RGB e o código HEX com um simples clique.

Seletor de cores de imagem

Como identificar uma cor na tela do computador

O site Image Color Picker oferece várias outras opções além do upload de imagens. Clique em “Usar sua imagem” e escolha para onde deseja importar uma imagem. Você pode clicar em qualquer parte da imagem para obter uma cor específica, mas o site também sugere uma paleta de cores com base na imagem.

Localizador de cores de imagem

Como identificar uma cor na tela do computador

Além de um simples seletor de cores, o Image Color Finder também pode funcionar como uma ferramenta criativa. Você pode pixelar a imagem carregada para uma melhor visão geral de suas cores e aumentar o zoom o quanto quiser. O site também sugere automaticamente algumas cores.

Tirar uma captura de tela

Finalmente, você pode identificar o código de cores sem todas as ferramentas mencionadas acima. Em vez disso, você fará uma captura de tela e escolherá a cor a partir daí.

  1. Certifique-se de que a cor que você deseja escolher esteja visível na tela.
  2. Faça uma captura de tela pressionando o botão Print Screen do teclado (PrntScr, PrtScn, etc.) no Windows ou pressionando e segurando “Shift + Command + 3” ao mesmo tempo no Mac. Sua captura de tela será copiada automaticamente para a área de transferência.
    Como identificar uma cor na tela do computador
    Dica: você também pode capturar apenas uma parte da tela. No Windows, abra a Ferramenta de Recorte no Menu Iniciar. No Mac, use o atalho “Shift + Command + 4”.
  3. Abra o MS Paint (ou qualquer outro aplicativo de processamento de imagem) e cole a captura de tela.
  4. Encontre a ferramenta conta-gotas e escolha uma cor.
    Como identificar uma cor na tela do computador
  5. Clique em “Editar cores” ao lado da paleta de cores no MS Paint. Sob o controle deslizante, você verá os valores RGB da sua cor atual.
    Para transformar esses números em um código HEX, você precisará da ajuda de um site.
  6. Vá para RGB to HEX e insira os valores nos campos apropriados.
    Como identificar uma cor na tela do computador
  7. Clique em "Converter para Hex" e você receberá seu código.
    Como identificar uma cor na tela do computador

Perguntas frequentes adicionais

Qual a diferença entre RGB e HEX? Qual eu preciso?

Os códigos RGB e HEX expressam as mesmas cores. No entanto, o código que você precisará depende de seu uso pretendido. Os códigos RGB instruem sua tela sobre quanta luz vermelha, verde e azul deve ser emitida para produzir a cor desejada. Os códigos HEX transmitem as mesmas informações, mas na linguagem de codificação.

Um designer ou desenvolvedor provavelmente precisará dos códigos HEX de cores.

Como identifico uma cor em um dispositivo móvel?

Para escolher uma cor na tela do seu dispositivo móvel, você pode baixar um aplicativo ou usar um dos sites mencionados acima. Há também uma ferramenta Color Picker para iOS dentro da ferramenta Markup. Ele também pode fornecer o código HEX da cor.

Obtenha qualquer cor que você vê com apenas um clique

O uso dos códigos de cores RGB ou HEX garante que não haja chance de erro. Graças a 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 o método mais fácil para você.

Qual ferramenta seletora de cores você prefere? Ou você tem outro método confiável para adicionar? Informe-nos abaixo.

Sign up and earn $1000 a day ⋙

Leave a Comment

4 maneiras de executar o solucionador de problemas de compatibilidade de programas no Windows

4 maneiras de executar o solucionador de problemas de compatibilidade de programas no Windows

O Windows tem uma ferramenta integrada que permite diagnosticar e corrigir esses problemas facilmente. Esta ferramenta é chamada de Solucionador de Problemas de Compatibilidade de Programas.

A Microsoft quer que os usuários entendam por que CPUs antigas não conseguem rodar o Windows 11

A Microsoft quer que os usuários entendam por que CPUs antigas não conseguem rodar o Windows 11

Quando os usuários tentam instalar o Windows 11 build 26058, o arquivo de instalação exibirá uma mensagem dizendo “O processador deste PC não oferece suporte a um recurso crítico (PopCnt)”

Como otimizar o Wi-Fi no Windows usando as configurações de banda preferenciais

Como otimizar o Wi-Fi no Windows usando as configurações de banda preferenciais

As redes Wi-Fi normalmente operam em duas faixas de frequência: 2,4 GHz e 5 GHz. Veja como escolher entre eles.

Como controlar facilmente as permissões de aplicativos nas configurações do Windows

Como controlar facilmente as permissões de aplicativos nas configurações do Windows

É essencial estar sempre atento às permissões que os aplicativos no seu PC Windows solicitam. Felizmente, as Configurações do Windows oferecem uma maneira simples de controlar essas permissões.

Como ativar e desativar as notificações de segurança do Windows no Windows

Como ativar e desativar as notificações de segurança do Windows no Windows

Caso não precise receber notificações do Windows Security, você pode desativá-lo completamente e ativá-lo novamente quando precisar.

A barra de tarefas do Windows 11 tem um recurso oculto de Encerrar Tarefa. Veja como habilitá-lo.

A barra de tarefas do Windows 11 tem um recurso oculto de Encerrar Tarefa. Veja como habilitá-lo.

Finalizar Tarefa é um recurso do Gerenciador de Tarefas do Windows que permite aos usuários fechar qualquer programa que esteja respondendo ou não.

5 maneiras mais fáceis e rápidas de fazer capturas de tela no Win 10

5 maneiras mais fáceis e rápidas de fazer capturas de tela no Win 10

Faça uma captura de tela completa do Win 10 ou parcial usando uma tecla de atalho, um software de captura de tela para Windows 10 ou ferramentas integradas ao sistema operacional. No artigo abaixo, mostraremos as 4 maneiras mais populares de fazer uma captura de tela de um computador com Windows 10.

6 aplicativos que trazem recursos do macOS para PCs com Windows

6 aplicativos que trazem recursos do macOS para PCs com Windows

Felizmente, você pode usar esses aplicativos para trazer recursos populares do macOS para o seu PC Windows.

Como verificar logs de travamento no Windows 11

Como verificar logs de travamento no Windows 11

O Windows cria um arquivo de log para todas as falhas, independentemente de você ter corrigido o problema ou não. Isso é extremamente útil quando você quer descobrir por que seu computador está com problemas.

Como verificar o uso de RAM, GPU e CPU no Windows 11

Como verificar o uso de RAM, GPU e CPU no Windows 11

Se você estiver usando o Windows, há ferramentas integradas ao sistema operacional que permitem que você verifique rapidamente quanta RAM, CPU e GPU estão sendo usadas por um processo específico.

Como desinstalar e reinstalar o driver WiFi no Windows 11

Como desinstalar e reinstalar o driver WiFi no Windows 11

Ao solucionar problemas de rede, você precisará procurar os drivers de WiFi do seu computador. Se você determinar que um driver inválido está causando problemas de rede, você pode reinstalar o driver de WiFi para corrigir o problema.

A IA é o futuro do Windows 11

A IA é o futuro do Windows 11

A Microsoft começou a promover a ideia do Windows com tecnologia de IA em 2024 sob o nome de Nova Era do Trabalho — mas o que é a IA do Windows 11? É uma combinação complexa de muitas inovações e inclui PCs com tecnologia de IA, Copilot integrado e Windows AI Studio.

Como transformar o Windows 11 em macOS

Como transformar o Windows 11 em macOS

Os computadores com Windows 11 serão transformados na interface do macOS para se tornarem mais inovadores.

A versão “original” do Windows 11 está prestes a morrer

A versão “original” do Windows 11 está prestes a morrer

Não muito tempo atrás, a Microsoft parou de fornecer suporte para o Windows 10 versão 21H2, o que significa que a versão 22H2 se tornou a única versão do Windows 10 com suporte no momento.

Como corrigir o erro Nenhum dispositivo de saída de áudio instalado no Windows

Como corrigir o erro Nenhum dispositivo de saída de áudio instalado no Windows

Às vezes, você pode receber a mensagem de erro “Nenhum dispositivo de saída de áudio instalado” ao passar o mouse sobre o ícone de som. Este erro ocorre quando o Windows não detecta os dispositivos de áudio conectados.