4 March 2004
In that grand tradition of me going one step further than is necessary, I present the Technicolor web colour designer. Inspired by the recent proliferation of colour theory discussion I thought "it's all well and good having these delicious colour palettes floating around, but how do they apply to a web page?"
So, Technicolor not only gives you some colour combinations to try out on people with atypical monochromatism, but it also allows you to paint a web page in your chosen psychedelic mood!
Once you've selected a nice looking colour using the colour sliders, you can select any of the 12 colour swatches by clicking on it once. This makes the colour active, and anything you subsequently click on the mock web page will be painted that colour; and I mean anything! (ignore your cursor icon!) Change the page background colour, left column text colour, header background colour, highlighted menu item text colour, right column background colour, menu background colour ... you get the idea.
If you've chosen a colour using the sliders and like one of its variants, you can get variants of the variant by double clicking on it. If you like the overall colour scheme of the variants, you can auto-paint the web page using those colours by clicking on the strangely labelled "Auto-paint the web page" link.
Now for a disclaimer: some of the variations are pretty eye watering and The Man in Blue Co. (est. 1863) accepts no liability for damage to viewers' retinas. They tend to look best with pastels, not highly saturated individual components e.g. pure red. (if anyone has any good looking colour variation algorithms they can tell me about, feel free)
I personally don't have much trouble with colour choice (I hope ... nothing wrong with blue), but if this tool helps someone else, then my visit to Earth will not have been in vain.
Tested and Ok'ed on IE6, NN7, Moz1.5, FB0.7. Thumbs down on Opera 7.11.
Follow me on Twitter
To hear smaller but more regular stuff from me, follow @themaninblue.
- Resolution dependent layout update
- footerStickAlt: A more robust method of positioning a footer
- widgEditor: A simple, standards-compliant WYSIWYG HTML editor
- Accessible, stylish form layout