Hidden color picker in Chrome dev tools
A hidden gem in the Chrome dev tools is the color picker.
To activate it, open the dev tools (
Ctrl+Shift+I), find any css declaration that specifies a color (e.g.
background-color:), and click on the little preview square:
You can see a list of related colors from a number of pallettes including material design:
Finally you can determine the color of web page elements using the eye-dropper tool: