MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Eyedropper

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

O Eyedropper é novidade no Firefox 31.

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

Command Windows OS X Linux
Select the current color Enter Return Enter
Dismiss the Eyedropper Esc Esc Esc
Move by 1 pixel Arrow keys Arrow keys Arrow keys
Move by 10 pixels Shift + arrow keys Shift + arrow keys Shift + arrow keys

Etiquetas do documento e colaboradores

Etiquetas: 
 Colaboradores desta página: netoguimaraes
 Última atualização por: netoguimaraes,