DHTML Colour Picker v0.7

Hue Bar & Colour Square

Hover Colour:

Current
Display Format:


Chosen Colour:

Stored


Colour Memories:

Memory 1
Memory 2

Scale Between Memory Colours:

Various gradient effects between your two chosen colours. Choose the number of steps to use when drawing gradient scales (the larger the number the smoother the gradient).

Effect Colour

Instructions

Choose a hue from the "hue bar" and a "colour square" of lightness (y-axis) versus saturation (x-axis) will be rendered in real-time for that hue, displaying the "colour square" may take a few seconds on slower machines. Moving the mouse around either the "hue bar" or the "colour square" will display the colour value in the "Hover colour" section. Activating a mouse button somewhere on the "hue bar" or "colour square" will copy the "hover colour" to the "chosen colour" box, which acts like a temporary store. If you'd like to make some graduated colour effects between two colours you can copy a colour from the "chosen colour" section to either "memory 1" or "memory 2" using the applicable button controls and then choose the "graduated scale" button to see the effect. Colours within the "graduated scale" can be read out via the "Effect color" box. The format of the colour read outs can be alternated to show #RRGGBB, RGB or HSL in decimal (0-255).

Configuration

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 or slow computers increase the value to 9 or 10, for fast machines a value of 5 generates a decent-sized palette.

Colour Picker Initialisation

Feedback

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

Advertisement