Colour Theory

HTML Palette Generator

April 9th, 2009, 4:04 pm
Tags: javascript scriptaculous

I've just completed coding up version 1 of my HTML palette tool, a colour-generating javascript application which allows you to create three palettes of colours from a user-selected colour.

This tool uses the JavaScript Scriptaculous library for the red/green/blue sliders, and the Prototype library for changing the colours of the website on-the-fly.

So far the tool makes three palettes:

Base Colour Palette: lighter and darker versions of the user-selected colour.

Similar Colour Palette: User-selected colour modified by increasing red and decreasing blue/green, and vice-versa.

Complementary Colour Palette: lighter and darker versions of the complement of the user-selected colour (complement is created by subtracting the user-selected r/g/b values from 255).255

The exact formulae for generating the HTML colours (each defined by a trio of values for red, green, blue between 0 and 255 - then converted to the six-digit HTML hex value) are explained on the site.

Leave a Comment

Your name :


Please answer the following question to prove that you are a human
What is 4 + 6?


All images, content, and the software used to create this blog are the property of If you have questions, would like to comment on the site, or are interested in the code used to produce it, please feel free to contact me