There is a very useful tool built in chrome dev tool, that I have just discovered. I even don't know its name, and I am not able to find it on google. I would say it is a pixel inspector tool.
I find the following method how to use it:
1a. Inspect an html element with background color.
1b. Define background color of an element.
See: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif
My questions: What is this tool name? How to use it easily? Most of the time I don't care the color, but I want to inspect the pixels of an icon. Is there a hotkey of this tool?
To open the Eye Dropper simply:
Its main functionality is to inspect pixel color values by clicking them though with its new features you can also see your page's existing colors palette or material design palette by clicking on the two arrows icon at the bottom. It can get quite handy when designing your page.