If you are new to Web development you might not know that there are a number of Firefox extensions that can make your life a whole lot easier. One is Rainbow Color Tools. I love this extension! It is easy to use and keeps me from having to hunt through CSS or other files in an attempt to find the information about the color of something I like. Once installed the extension is readily available in Firefox.
The tool has four choices each with different features. First, the Analyzer gives you the website’s color scheme from the site’s images and CSS files. For instance, this is what I get for the Lister Hill site.
All you do is hover over the color block for which you are interested to see the information about that color. The extension also allows you to copy or save the information (when you save the information it becomes part of your Library see below).
The HSV color picker has to do with Hue, Saturation, and Value. This can really help you get the right tone and depth of color. I don’t often need this feature but it is excellent for getting your color a shade or two lighter or darker for fancy mouse-overs and such.
I use Inspector most. If I see a color I like all have to do is select Inspector and hover over the color. Then when I click the mouse button that HEX code for that color is saved and I can paste it wherever I need it to be.
This is such a small little program but it has saved me so much time and even if you aren’t a Web developer there are all sorts of Firefox extensions that may make your life just a little easier. If you want to find out go to https://addons.mozilla.org/en-US/firefox/.
If you are a Web developer you may also want to check out the Firebug and Web Developer extensions. If you are already using a Firefox extension let us know which ones!