evol.colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup binded to a text box. It is a full jQuery UI widget, supporting various configurations and themes.
Download: https://github.com/evoluteur/colorpicker
Demonstration: http://evoluteur.github.io/colorpicker/index.html
Plugin homepage: https://github.com/evoluteur/colorpicker
Implementation:
$("#mycolor").colorpicker();Options:
| color | String | Default : null – Used to set the default color value. |
| defaultPalette | String | Default : theme – Used to set the default color palette. Possible values are “theme” or “web”. |
| displayIndicator | Boolean | Default : true – Used to show color value on hover and click inside the palette. |
| history | String | Default : both – Have the colorpicker appear automatically when the field receives focus (“focus”), appear only when a button is clicked (“button”), or appear when either event takes place (“both”). This option only takes effect when the color picker is instanciated on a |
| strings | String | Default : Theme Colors,Standard Colors,Web Colors,Theme Colors,Back to Palette,History,No history yet. – Used to translate the widget. It is a coma separated list of all labels used in the UI. |
| transparentColor | Boolean | Default : false – Allow for selection of the “transparent color”. The hexadecimal value for the transparent color is “#0000ffff”. |
Methods:
| showPalette() | Function | Show the palette (when using the widget as a popup). |
| hidePalette() | Function | Hide the palette (when using the widget as a popup). |
Screenshots:
