How to find color code on a web page on fly

By Ashish Mohta

Many 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

color-dropper

Located the bottom left of your browser.

color-dropper-select.png

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

color-dropper-select-text.png

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

color_intigrated_menu

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

color_chooser color_palate

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 :D

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


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

  • Shashank, October 7, 2007:

    I am using colorzilla since 2 months now and life is really a bit easy now..

  • indyank, October 8, 2007:

    I am using it for a long time now and it is a cool extension indeed…

2 Trackbacks/Pingbacks - Other blogs referencing this article

Leave a comment Share your thoughts with the world

Scroll Down and Check footer for more details

Search




  • Recent Comments:

    • Eric: I’d love an invite! edcrosbys g m a i l .com
    • Duy Tran: I’ve got an invi. Thanks alot, Jackson Chung
    • Ahmad: Yahoo Bots are shame for Yahoo Some of Captchas are very hard to find out, when bots are in rooms…
    • mitesh: Hi, I am using IP since 2yrs. Just today I stuck with requirement like I need ipLog for some specific users...
    • vj: how do i do this?
    • Trisha: Hi guys I have been looking all over for a dropbox not tied to a course management system. I am a computer...
    • Jacob: This is a great piece of software
    • ed per: Try it in Panda Internet Security 2008 and it was detected immediately … nice post .
    • Opoz: So basicly all you have to do is to download the two files from the links you guys havee provided:...
    • Marty: Hi All: Dropbox sounds great. May I please get an invite? Thanks much. worldwideorchids (at) aol (dot) com

Technology Blogs - Blog Top Sites