Grab Color Profiles from Other Web Sites

Use the ColorZilla Firefox extension to sample colors from any web site you visit with a simple eyedropper interface.

They say that a good artist borrows and a great artist steals. Sometimes when you browse the Web you run across a site and think “Man, those colors would look perfect on my page.” What you might do then is either view the source code for the page to find color settings for fonts or backgrounds, or you might even open up one of the images on the site in an image manipulation tool such as the GIMP so you can analyze it with the eyedropper. If you ever find yourself in this kind of situation, ColorZilla is for you.

ColorZilla is a Mozilla Firefox extension that allows you to scan any web page for individual pixel colors. Once installed, you can enable ColorZilla, and the mouse becomes an eyedropper tool. Click a location on the page and the color settings will be displayed along the bottom.

ColorZilla is relatively easy to install. Open Firefox and click Tools → Extensions and then “Get New Extensions” to load the Firefox extensions page. ColorZilla is located under the Miscellaneous extensions category, or you can visit the official page directly at http://www.iosart.com/firefox/colorzilla. Click on the link to the ColorZilla .xpi file to install the extension into Firefox. Newer versions of ColorZilla claim you aren’t required to restart Firefox once it is installed, but you might want to restart in any case.

After the extension ...

Get Linux Multimedia Hacks now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.