Obtenha o código de cores HTML de qualquer elemento de página da web no Firefox

Anteriormente, cobrimos como a Mozilla adicionou um recurso de linha de comando extremamente útil ao navegador Firefox. Vamos continuar explorando comandos integrados mais úteis disponíveis no Firefox. As funções da linha de comando são muito úteis e economizam seu tempo. Já vimos o comando de captura de tela que permite tirar uma captura de tela de uma página da web ou de toda a janela do navegador, e também do comando de pasta que pode abrir qualquer pasta diretamente do Firefox. Vamos dar uma olhada em outro comando brilhante, conta-gotas.

o conta-gotas comando fornece a capacidade de obter o código HTML para a cor do elemento focado na página. Assim, você não precisa mais de ferramentas ou complementos de terceiros se precisar descobrir exatamente qual cor foi usada para um bloco específico de texto ou imagem na página da web que você está navegando. Isso é realmente impressionante.
Aqui estão as instruções passo a passo sobre como usar o comando conta-gotas.

1. Abra o Firefox e pressione Shift + F2 no teclado. O Firefox abrirá um console / linha de comando na parte inferior da tela.
2. Digite o seguinte texto na caixa de comando que você acabou de abrir:

   conta-gotas

3. Depois de pressionar Enter no teclado, o cursor do mouse se transformará em uma janela de visualização redonda com zoom. Passe o mouse sobre o elemento desejado para ver seu código de cores HTML! Depois de clicar nele, esse código será copiado para a área de transferência!
   

O comando conta-gotas será realmente útil para designers que usam Adobe Photoshop ou aqueles que fazem seu próprio CSS para seu site. É realmente uma maneira rápida de obter a cor do objeto desejado.