While there are plenty of color scheme tools available, none seem to show the selected colors in a realistic, assignable page mock up. So I've thrown together what I consider a realistic page mock up. I'm not even going to try to replicate a color scheme tool, so you'll have to manually paste or type the desired hex color values into the various fields. One possible source of hex color values is from the color list tab of the Color Scheme tool linked above. I also provide some basic text styling controls so the text better represents your actual page. Alternately, you can experiment with these to establish the font, size, and spacing that's ideal for your site's basic text. Be careful with the font name input, no validation is done, so type carefully.
Your browser may throw dire warnings that this form is insecure. It is true that it is insecure, but it's hardly dire. No information is saved unless you choose to do so, and none of it is sensitive. The data is not even sent anywhere, it's all within your own computer. You can take my word for it that it's safe and continue despite the warning. Or you can move on, it doesn't matter to me. You could also save the page and use it off line if that helps allay any concerns.
Any designer will tell you that, while these mathmatical schemes are a good starting point, you will always need to adjust the colors to work with your actual application. Fortunately, once your initial color scheme is setup here, it's easy to tweak your settings because this page uses the JSColor picker library. You will see that a small color picker pops up anytime you click on any of the color number fields. The reason we show all four link pseudo classes instead of allowing them to behave normally is that we can't assign colors to link pseudo classes on the fly like we do for the other text and backgrounds. Also, this way, you can see how the selected color looks without having to move and click your mouse.
Your latest color selections are automatically saved in a browser cookie. If you leave the
page, it will re-open exactly as you left it, at least if you return within 90 days. After
that, the cookie crumbles and you will get the default settings again.
To save data somewhere besides the local cookie, output the data to the text box below
and then copy/paste that data into an empty text file using a text editor such as Notepad.
To reload that data, paste it back into the text box and click Load Color Data. You can also
save your color data by simply saving the complete HTML page.
Reset (must close tab, then reload page to complete. If that does not work, delete bcw_colrs cookie for the glennmessersmith.com site & then close and reload page again)
Output Color Data