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, em busca de 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ê encontrar um site com a cor perfeita para um projeto no qual está trabalhando ou pensando, então 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 os valores RGB, esse processo é lento. O Firefox, na verdade, tem 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, a seguir, 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, a seguir, clique em “Desenvolvedor Web”.

Na lista de ferramentas para desenvolvedores 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 verifique se você está no 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 para desenvolvedores web, selecione “Conta-gotas”.

A ferramenta conta-gotas seguirá o mouse pela janela, então mova o quadrado destacado 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 para 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 da qual 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.