Color Picker Control

Lightweight extendable colorPicker with abstract color-themes.

To my mind, when a user enters the data, he wants to make it as quickly and simple as possible. Why should he spend time on creating new colors? It is much easier to select an existing template.

So for this purpose I created a colorpicker control which has a list of predefined colors. This control is very simple – just a clickable grid with colors.

Demo:

Please, select a color:
 

Colors have abstract names which are defined in a separate css file.
This allows you to add new colors easily or update all colors according to the design requirements of you web site without corrupting the model data.

There is a "colorSelected" event which contains the following event arguments:

  • selectedForControl – an object for which a color was selected;
  • value – selected color name.