v2:What's New

The new version 2 introduces various fixes over issues which persisted on version 1.

SNAP OPTION since 2.5

Allow snapping on top, center, or bottom of the slider.

TOUCH SUPPORT since 2.4

Wheel color picker is now usable on touch browsers.

NO JAVASCRIPT CODES NEEDED since 2.3

A new way to initialize color picker without having to write a single JavaScript code. Simply add data-wheelcolorpicker attribute to an input element you wish to attach a color picker to.

MULTIPLE INSTANCES

In version 1, the plugin shares some settings and data across color picker instances causing unexpected issues when there are many color inputs in a single page. This issue has been addressed by attaching each data and settings to their respective input element using jQuery data feature.

WHEEL & SLIDER DRAGGING

Wheel crosshair and slider drag boundary has been fixed. Now you can freely drag the cursor without getting it stuck.

METHOD CHAINING

One of jQuery features is method chaining. This plugin now supports method chaining, so you can do something like $(input).wheelColorPicker('setColor', "#ff0000").wheelColorPicker('show');