I released my web based, interactive “2 color chooser” tool today. You can find it here or in the “USEFUL LINKS” section on my blog page.
This tool allows you to select two colors using RGB or HSV. Here are some of different uses that motivated me to me write it. Here is what it looks like in action:
Note that the little + sign next to the gradient allows you to see the CSS source code for the gradient commands.
The tool can be used to see how well two nested colors contrast which is useful for determining the effectiveness of color schemes. This is especially useful for determining how well a scheme works for fonts in page headers/footers or to determine whether color blind users can distinguish the colors.
It can also be used to see how well two colors work in a gradient. Different browsers support different gradient options. This tool is tuned for FF because that is what I use. Any suggestions for other browsers would be greatly appreciated.
Finally it can be used to test color differences on different monitors. You can bring it up side by side on two monitors and visually compare/contrast the color display. I have used it for tuning my HP and Dell monitors. I was surprised at the initial variation.
The files that I wrote are 2-color-chooser.html, 2-color-chooser.js, 2-color-chooser.css and hdr.css. All of the rest are from various public domain packages.
You are free to modify or incorporate the software but I would be grateful if you would cite me as a source.