DHTML Colour Picker v1.0

Hue Bar & Colour Square

Hover Colour:

Display Format:

Selected Colour:


Colour Memories:

Memory 1
Memory 2


Choose a hue from the "hue bar" and a "colour square" of lightness (vertical axis) versus saturation (horizontal axis) will be rendered in real-time for the hue you picked. Rendering the "colour square" may take a few seconds on slower machines. Move the mouse around either the "hue bar" or the "colour square" to show the colour value in the "Hover colour" section. Clicking a colour in either bar will copy it to . Activating a mouse button somewhere on the "hue bar" or "colour square" will copy the "hover colour" to the "selected colour" box. From here you can use the buttons to copy it to one of the memory boxes.

Gradient Effects:

This section allows you to create gradient effects between the two colours in the memory boxes above. Pick your two colours first then choose the “Create Gradients” button. To make the gradient smoother increase the number in the input box.

Gradient Colour


Use this form to change the size of the colour square. A smaller number creates a larger palette but takes longer to generate and requires more system resources. For old/slow computers, or computers with poor performance web-browsers, increase the value.

Resize Colour Square


Voting Panel
Is this useful?
Did you find any bugs?
Do you need documentation?
Rate this utility: (0 = poor, 5 = very good)
Answers are anonymous, only the combined totals are stored. Uses cookies.