Come usare il selettore colori (contagocce)?

Question

C'è uno strumento molto utile costruito nello strumento chrome dev, che ho appena scoperto. Non so nemmeno come si chiama, e non riesco a trovarlo su google. Direi che è uno strumento per l'ispezione dei pixel.

trovo il seguente metodo come usarlo:

1a. Ispeziona un elemento html con il colore di sfondo.

1b. Definisci il colore di sfondo di un elemento.

2. Fare clic sul selettore di colori.
3. Muovi il mouse su un qualsiasi elemento della pagina (non sullo strumento dev)

See: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif

Le mie domande: Qual è questo nome strumento? Come si usa facilmente? Il più delle volte non mi interessa il colore, ma voglio ispezionare i pixel di un'icona. C'è un tasto di scelta rapida di questo strumento?

Answer 1

Si chiama semplicemente lo strumento contagocce. Non c'è una chiave di scelta rapida di cui sono a conoscenza. L'unico modo per utilizzarlo ora è fare clic sulla casella di selezione dei colori nella barra laterale degli stili e quindi fare clic sulla pagina come hai già fatto.

Answer 2

Per aprire il Contagocce semplice:

1. DevTools Aperte F12
2. Vai alla scheda Elementi
3. in Stili lato bar Clicca in una scatola di colore anteprima

La sua funzione principale è necessario esaminare i valori dei colori dei pixel facendo clic su di essi, ma con le sue nuove funzionalità è anche possibile visualizzare la tavolozza dei colori esistente o la tavolozza dei materiali facendo clic sull'icona delle due frecce in basso. Può diventare abbastanza utile quando si progetta la tua pagina.