Como agarrar cores com conta-gotas de colorzilla para sites css3

A opção de menu ColorZilla Conta-gotas exibe um cursor do rato sinal de mais. Ao mover o cursor do mouse em torno de uma página CSS3, uma barra na parte superior da página exibe o valor da cor atual e outras informações. (A informação adicional inclui a posição do cursor do mouse, o nome do estilo CSS.)

Video: Colorzilla

Quando você clica em uma cor particular, o conta-gotas copia as informações que você vê para a área de transferência. O bar irá exibir a mensagem “copiados para o clipboard” por alguns segundos e, em seguida, o bar vai desaparecer.

A saída enviado para a área de transferência é o valor de cor hexadecimal. (Escolha uma opção de cópia diferente no menu Opções → Auto Copy se você quiser receber algo diferente de um valor de cor hexadecimal.) Você não vê todas as outras informações que aparece na barra quando você colar o valor em um editor .

A opção ColorZilla padrão é exibir a conta-gotas. Você não tem que escolher uma opção de menu para ativar esse recurso especial - basta clicar no ícone Conta-gotas no seu navegador.

Video: Firefox Guide Video 5 - Using Color Picker

Será que a conta-gotas não funcionar com imagens vinculadas ou ícones em muitos casos. Quando você vê o ícone do mouse Conta-gotas mudança para algum outro ícone, como uma mão apontando, então você sabe que a cor não é acessível por Conta-gotas.

Esse problema ocorre com mais freqüência com imagens usadas para descrever itens que você deverá clicar para obter informações adicionais. A melhor opção é passar o cursor do mouse sobre o item que deseja interagir e ver se o cursor muda. Se o cursor permanece o mesmo, então provavelmente você pode acessar esse valor de cor.