Get the Right Color Code “Using Chrome Eye Dropper Tool”

Hi everyone, let me share a brief overview and the usage of a tool essential for day to day UX & UI designing. Let’s say, if you want to change headings, background, and paragraph colors, you don’t need to Photoshop and Paint, instead use the Eye Dropper tool extension for Google Chrome.  Chrome Eye Dropper is an open source extension for Google Chrome which allows you to pick colors from various sources.

Chrome Eye Dropper

How to get the Chrome Eye Dropper Tool?

Eye Dropper extension is available in Chrome Web Store. Search Eye Dropper  in Chrome Web Store and it will open a pop-up window with an ADD TO CHROME button on the top right. Click on that button and it will be added to your chrome browser on the right beside the hamburger icon.

Chrome eye dropper

How to use Eye Dropper Chrome?

Open the Chrome Browser and you will see the Chrome Eye Dropper Icon on the top right corner beside the hamburger icon. Click on the icon and it will display a pop-up window where you will find two tabs Pick from web & Color Picker. Under the Pick from Web tab click on the button Pick color from web page. When you now move the cursor on the pages this will show you Color Values in HEX, Color name (e.g. Blue), HSL value & RGB value.

For Example Pick from web tab:

eye dropper chrome

For Example Color picker tab:

chrome eye dropper

You can use these values as per your need and enjoy this color picker tool.

This tool is highly beneficial for individuals, developers, admin who presume colors while browsing and want to pick the same color, but don’t know how?

That’s Easy! Now you can get choose the right color code, whenever you want, with the help of the Chrome Eye Dropper Tool via Chrome Extension from the chrome web store!

Go Color the World!

Amit Tiwari

I am a senior front end developer at Mirketa Inc. I love converting great UX designs into great web and mobile interfaces. Ping me if you want to talk about anything on front end UI development - Cross browser scripting, CSS, multi-device CSS, Visualforce, JS -- you get the point. :)
Posted in Graphic Design.

Leave a Reply

Your email address will not be published. Required fields are marked *