How to find color code on a web page on fly
By Ashish MohtaMany a times web designers have necessity to find a colour / color code of an element used on a web site. I could be anything like anchor color, color used on borders or may be as simple as background colour. We like it and want to use it for our purpose but it’s really difficult to guess the exact code.
iosart.com had made a Firefox extension named as Colorzilla , which can be used to get hold of the exact color code i.e tell you the RGB / HEX value ( which may be you can use for your project or your own web site ).of any colour which you can touch on a web page.
Before you get to know how it works here is what it allows you to do it.
- Get the exact Hex or RGB code / value of a colour.
- Reveal the class used in CSS or style sheet used for the web page.
- Save the extracted colors to palate box so that it can be reused again.
- Re-sample last location to know which colour you extracted last time.
- Color Picker is integrated. This can be very hand if you want to know a colour code in random also. You need to look into Google search or open up Paint.net or adobe Photoshop like applications.
- Zoom a web site .
- Colorzilla is integrated with right click menu of mouse for quick access.
Now you know what it can give it to you lets see it in action

Located the bottom left of your browser.

Shows Colour of the blue are not of the text inside.

When hovered over the text it shows the colour code for the text now.

Its integrated with right click menu. Check the zoom feature.

Color Chooser and Colour Palate
This is must Firefox extension for designers or even people like us who don’t know much about colour codes. Download Colorzilla and get to know my web site color code hehe
Have your Say
Do You use any tool to find color of other websites? Do tell us in comments so we can expand our knowledge
|
About The Author of this article: Ashish is one of the co-author of this blog and writes on various interesting softwares, PC tips and more. You can read more of his articles here. |
Enjoyed this article? Download our Toolbar ( for Free ) and read us more quickly or Free Subscribe to the Full RSS Feed or Get Post like this in your Inbox Click to get via Email ( You will have to confirm by checking you Inbox)
Readers Play Ground
- Add your Comments or Discuss further in our forums
Enjoyed this article? Subscribe to the Full RSS Feed
- Email This Post to your friends or somebody who can use it
-
Tags: color_codes, find_color_code, firefox_extension, hex_color_code, rgb_colours
- Get Post like this in your Inbox Click to get via Email ( You will have to confirm by checking you Inbox)
- Read More Stories from Graphics
4 Comments and Link-Backs to “How to find color code on a web page on fly”
Click Me and Jump to Add your Comment :)
2 Comments from Friends and Readers
-
I am using colorzilla since 2 months now and life is really a bit easy now.. -
I am using it for a long time now and it is a cool extension indeed…
2 Trackbacks/Pingbacks - Other blogs referencing this article
- Pingback: stickyhorizons » Comment on How to find color code on a web page on fly by … on November 12, 2007
- Pingback: Convert a full-color web page into a grayscale [ Online Tool ] on March 11, 2008





