Pick that favourite colour using the colour picker in IE 9 Developer Toolbar

One of the tough tasks in web development and in particular CSS styling, is to find the RGB and hexadecimal value of uncommon colours.  As a web developer working in CSS, I longed to give that nice blue/green tinge colour for my UI and always struggled with the hexadecimal value.  Particularly in finding the same for colours I find in other sites.

Thanks to the IE9 Developer Toolbar which has this nice colour picker, one can find the hexadecimal code (and the RGB equivalent) from any web page.

To demonstrate, lets visit www.bing.com (Bing home page has a nice background photo every day Smile).  Open the Developer Toolbar by hitting F12.

image

From Tools – select “Show color picker”

Then, when you tab to the main browse window, you will notice a color picker icon showing up.  Point it to the colour (it can be background or image) and you will be able to see the hexadecimal value of the same

image

In my case, I pointed to the nice sunset background (which am sure most of you love Smile) and I could get the hex value.

Small utility, hope it helps you.

Cheers !!!

Print | posted on Thursday, July 7, 2011 5:46 PM

Comments on this post

# re: Pick that favourite colour using the colour picker in IE 9 Developer Toolbar

Requesting Gravatar...
Cool one. Didn't knew that. Thanks
Left by Shasur on Sep 20, 2011 6:23 PM

# re: Pick that favourite colour using the colour picker in IE 9 Developer Toolbar

Requesting Gravatar...
Thanks for nice feature for html designer for easily find colorcode
Left by Vaibhav Parmar on Nov 03, 2011 11:59 AM

# re: Pick that favourite colour using the colour picker in IE 9 Developer Toolbar

Requesting Gravatar...
The decision making of firefighters during a fire should be quick and accurate. What they do can make a difference. They have to decide how to do things and make it correctly and swiftly or else somebody gets hurt or worse,die.
Left by Mario Romano on Dec 16, 2011 7:41 AM

Your comment:

 (will show your gravatar)