Fashion jQuery Color Picker & Selector Plugin - Wheel Color Picker

Fashion jQuery Color Picker & Selector Plugin - Wheel Color Picker
File Size: 178KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: Free for personal use
   

How to start using jQuery?

More in this category...

View our Recommended Plugins

TOP 100 jQuery Plugins 2013

Wheel Color Picker is an easy-to-use jQuery plugin that turns your html form input or textarea into a fashion Color Picker & Selector for picking your favorite color. The color picker can be set to display slider for each individual color channel.

More features:

  • supports both RGB and HSV modes with additional Alpha channel.
  • supports multipe color formats: HEX, CSS-Style HEX, RGB and HSV
  • Fully customizable via CSS and javascript

More Examples:

You might also like:

Basic Usage:

1. Load the latest version of  jQuery library on your web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

2. Download and include jQuery Wheel Color Picker files on the page

<script type="text/javascript" src="jquery.wheelcolorpicker.js"></script>
<link type="text/css" rel="stylesheet" href="css/wheelcolorpicker.css" />

3. Create a input field

<input type="text" id="demo" />

4. Call the plugin

<script type="text/javascript">
$(function() {
$('#demo').wheelColorPicker();
});
</script>

Change log:

v2.2.0 (2013-12-19)

  • Added example file for demonstrating events
  • Added events: sliderdown, sliderup, slidermove, focus, blur

For more Advanced Usages, please check the demo page or visit the official website.