Think. Build. Salesforce Solutions.

Salesforce Consulting Services across Salesforce Clouds & Across App Lifecycles

Blog

Get the Right Color Code “Using Eye Dropper Tool- It’s FREE!!

By |2020-07-20T08:10:34+00:00May 27th, 2015|

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 Photoshop and Paint, instead use the Eye Dropper tool extension for Google Chrome. Eye Dropper is an open-source extension for Google Chrome which allows you to pick colors from various sources.

eye dropper extension

How to get the 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.

eye dropper extension

How to use Eye Dropper?

Open the Chrome Browser and you will see the 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 extension

For Example Color picker tab:

eye dropper extension

You can use these values as per your need and enjoy this color picker tool.
This tool is highly beneficial for individuals, developers, the 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 Eye Dropper Tool via Chrome Extension from the chrome web store!

Go Color the World!

Leave A Comment