This widget will help you fine tune the hex color codes for your web page. First choose whether you wish to play with the Background Color, Text Color, Link Color, Visited Link Color or Active Link Color and check the appropriate round radio button on the left side. Then either click the little arrow buttons next to the value you want to manipulate, or choose from one of the colors in the color chart.
Beside each hex color value you'll find two up arrows (one big and one small) and two down arrows (again one big and one small). The small arrows increment the color by 1 and the big arrow increments the color by 8.
Change the font and font size if you wish, along with rendering bold and italic. When you're done you can copy the current BODY tag that's generated in the right frame and paste it in your page.
You can choose a background image from your hard drive and have have it displayed in the right frame. Just click "Browse", choose an image, then click the Set Background button. To clear the background image just clear the file input box and click Set Background again.
All in all it's fairly easy to use. If you're a little lost, just play with it for a while and all will be clear. And, if you'd like a little background on "hex codes", what they are and where they come from, click here.
DOWNLOAD your own ColorPicker for use offline.
ColorPicker v 2.0 by Joe Barta