Colorzilla for firefox

If any of you don’t use firefox as your web browser, please, for the love of God, download it now (it will detect whether you use windows or osX)

As a web developer/designer/whatever, I’m always looking for tools to make my work life easier. One super handy firefox extension I found was Colorzilla. It’s essentially an eyedropper tool that lets you find out the HEX and RGB values of colors on any website you’re on. Very snazzy for when you spot a color you like and might wanna use in a design.

HOWEVER…..I soon discovered an even better use for this tool. When you hover the cross hair over any area on any site, it outlines that hovered element and shows what css class it belongs to!

This is extremely useful when working on a site to find out what part belongs to what class so you can edit the site’s style sheet. You can also easily copy color values to the clipboard and just do a find in the style sheet. But when you have a bunch of big areas all the same color, but consist of many different elements, this tool helps sort through them so you can make any alignment or sizing or any kind of adjustments or trouble shooting you want.

Free but priceless!!