Eyedropper

A ferramenta Eyedropper permite que você selecione cores na página atual. Funciona como uma lupa através da página, permitindo que você selecione com uma precisão de pixels. Abaixo da lupa é mostrado o valor da cor do pixel atual, baseado na representação selecionada em Settings > Inspector > Default color unit:

Você pode usar para as seguintes finalidades:

• para selecionar uma cor de uma página e copiá-la para a área de transferência.
• para mudar o valor da cor nas Regras do Inspetor para uma nova cor que tenha sido selecionada na página.

Copiando a cor para a clipboard

Abra o Eyedropper usando uma das seguintes maneiras:

• selecione "Eyedropper" no menu "Web Developer"
• click no botão do eyedropper na Toolbox toolbar (note que este butão não é mostrado por padrão: você precisa adicioná-lo marcando "Grab a color from the page" Configurações do Developer Tools)

A medida que você movimenta o mouse através da página, você verá o valor da cor atual sendo alterado no Eyedorpper. Ao clicar, a cor atual será copiada à área de trasnferência.

Alterando o valor de uma cor no visualizador de regras. 

Valores de cores que aparecem nas regras do Inspetor possuem amostras de cores próximas a elas: clicar na amostra habilita uma popup de seleção de cores. Desde o Firefox 31, a popup possui um ícone do eyedropper: clique neste ícone para ativar o Eyedropper.

Assim, quando você clicar no Eyedropper, a cor no visualizador de regras estará atribuída com o valor selecionado.

Keyboard shortcuts