jQuery Wheel Color Picker Example

Pick your favorite color here:

Or here:

Or here:

Or here:

Get Started

To use jQuery Wheel Color Picker Plugin, first you must include two files. The JS file is the plugin, and the CSS file is used to apply theming.

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

Say, if you have an input with id "color" which you want to apply the color picker to, just call this one line of code to do so:

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