Subscribe to the   RSS Feed or by Email and receive free daily updates

Colorzilla is a very useful add-on for Firefox and a must for web designers. Earlier I was using Instant Eyedropper for figuring out the color code on any page but this tool goes above and beyond that.

What does Colorzilla do?

Besides giving me the color code for any point in the browser window, it lets me zoom the page I am viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.

How does it work?

To activate it, click on the dropper icon in the statusbar and then move around the cursor on the page. As you move along you get the color code of that point, its x and y coordinate and tons of useful information (DOM path etc.). It also highlights the container as you move along on the web

What features does it provide?

Here is the menu with all the features listed.

Can I customize it?

You can customize what you see on the statusbar using the options window:

As you can see above, by default it is configured to give you the RGB color code, hex color code, distance from last point and the element tag but you can configure it to give you much more.

Once you have captured a color by clicking on it, you can open the color picker tool and play around with the color.

This is a useful utility for web developers and can be a useful tool for debugging the Dom structure too (to figure out layout related issues).

Download Colorzilla |  Download Firefox | Vote for this review

Popularity: 6% [?]

Related Posts