jQolor is a JavaScript color picker built on top of jQuery (1.9.1) and Bootstrap.

Step 1

You'll need to include both of those components before including jQolor.

<link rel="stylesheet" type="text/css" href="//twitter.github.com/bootstrap/assets/css/bootstrap.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>

Step 2

Next you'll need to define an input to be decorated with a color-picker. ```html ```

Step 3

Lastly, once your document has loaded you can initialize jQolor like this: ```javascript var myColorPicker = $('#my-color-picker').jQolor( { color : '1C72B5' } ); myColorPicker.bind( 'colorChange', function( event, data ) { // data attributes: hex, red, green, blue, hue, saturation, brightness } ); ```

Try the online jQolor demo here: http://apps.briandavidvaughn.com/js/color-picker/