Spectrum

Also known as a color picker, these widgets can be used in places where the user has to input a color code.

The Spectrum widget prompts a spectrum image with additional sliders for adjusting the seen colors and allowing him to select the desired color.

Palettes and a preview of the color code can be added to the widget if needed.

A comprehensive example/demo is included with the download package.

Tested and working on most modern desktop and mobile browsers.

What is new in this release:

• Adds a new offset option for custom positioning.
• Bumps TinyColor to 1.1.1 (includes HSVa support and rebeccapurple color).
• Test and documentation fixes.

What is new in version 1.7.1:

• Adds a new offset option for custom positioning.
• Bumps TinyColor to 1.1.1 (includes HSVa support and rebeccapurple color).
• Test and documentation fixes.

What is new in version 1.7.0:

• Adds a new offset option for custom positioning.
• Bumps TinyColor to 1.1.1 (includes HSVa support and rebeccapurple color).
• Test and documentation fixes.

What is new in version 1.6.2:

• Adds a new offset option for custom positioning.
• Bumps TinyColor to 1.1.1 (includes HSVa support and rebeccapurple color).
• Test and documentation fixes.

What is new in version 1.5.0:

• The major change for 1.5.0 is a new option, hideAfterPaletteSelect

What is new in version 1.4.0:

• New togglePaletteOnly option: http://bgrins.github.io/spectrum/#options-togglePaletteOnly.
• Updated TinyColor to version 1.0.

What is new in version 1.3.2:

• Share localStorage selection across multiple instances,
• Use current syntax for CSS gradient on unprefixed property
• Don't allow selection palette items to get removed by elements in a normal palette

What is new in version 1.3.0:

• Per element options set as HTML attributes
• New events dragstart / dragstop
• i18n support for 'clearText' option
• Improved bower support with bower.json

Requirements:

• JavaScript enabled on client side
• jQuery 1.7.2 or higher