Firefox: como identificar uma cor específica em uma página da web

Se você é um designer, provavelmente presta atenção ao design das coisas que usa, procurando inspiração ou ideias que gostaria de adotar. Os sites não são diferentes e uma das partes principais do design de sites é o uso de cores. Se você localizar um site com a cor perfeita para um projeto no qual está trabalhando ou no qual está pensando, provavelmente desejará descobrir exatamente de que cor é. Embora você possa fazer uma captura de tela, abri-la em um editor de imagens e, em seguida, olhar para os valores RGB, esse processo é lento. O Firefox, na verdade, possui uma ferramenta de seleção de cores embutida para que você possa economizar tempo e obter o valor exato no formato de cor HTML hexadecimal usado na web.

Como usar o seletor de cores

O seletor de cores do Firefox pode ser encontrado na barra de ferramentas do desenvolvedor. Para acessá-lo, clique no ícone do menu de hambúrguer no canto superior direito e, em seguida, clique em “Web Developer” que pode ser encontrado em quarto lugar na parte inferior.

Clique no ícone do menu de hambúrguer no canto superior direito e clique em “Desenvolvedor da Web”.

Na lista de ferramentas do desenvolvedor web, clique em “Conta-gotas” e a ferramenta conta-gotas será aberta.

Dica: a ferramenta conta-gotas não pode ser movida entre as guias ou janelas, portanto, certifique-se de abri-la na guia em que deseja usá-la. Você também não conseguirá rolar a página, então certifique-se de estar dentro o lugar certo na página. Embora você possa tecnicamente aumentar e diminuir o zoom, isso fará com que a centralização do seletor de cores seja interrompida, tornando-o muito mais difícil de usar com precisão.

Na lista de ferramentas de desenvolvedor web, selecione “Conta-gotas”.

A ferramenta conta-gotas seguirá o mouse pela janela, então mova o quadrado realçado central sobre a cor que deseja selecionar. O nível de zoom é preciso o suficiente para permitir que você veja e escolha facilmente a cor de um pixel específico.

O código de cor HTML do pixel é exibido na pequena caixa abaixo da ferramenta de zoom, mas também será copiado para a área de transferência se você clicar na cor desejada. Esteja ciente de que clicar irá fechar o seletor de cores, forçando você a reabri-lo se quiser escolher várias cores.

Mova o mouse sobre o pixel específico que você gosta da cor e, em seguida, anote o código de cor HTML ou clique para copiá-lo para a área de transferência.