19 Feb 2015
Google Chrome Dev Tools Eye Dropper Color Picker

Pick colors with Google Chrome’s Dev Tools

Most of us have been in the position of needing to get a hex value for a color on a web page, quickly. Whether it be from a logo, or checking a font color. Now you can, directly from Google Chrome’s Dev Tools with a nifty little eye dropper.

Just right click -> inspect any element on the page, click on the hex color of any element you want, and mouse over on the page (if your inspector box is in the same window). If you have your inspector launch outside of the same browser window you’ll need to click once after you clicked the hex color of choice in the inspector. Check it out!

Google Chrome Dev Tools Eye Dropper Color Picker

Leave a Comment