Colorpicker base

Useful for submitting bugs

by Nibin George

HTML

<script src="http://vanderlee.github.io/colorpicker/jquery.colorpicker.js"></script>
<link rel="stylesheet" href="http://vanderlee.github.io/colorpicker/jquery.colorpicker.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css">
<div class="colorpicker"></div>

CSS

.colorpicker {
    border: solid 1px black;
    width: 200px;
    height: 200px;
}

JavaScript

var colorpickerOptions = {
    parts: ['map', 'bar', 'hex', 'rgb', 'preview'],
    altProperties: 'background-color',
    altField: '.colorpicker',
    color: 'fe9810',
    inline: false
};

$('.colorpicker').colorpicker(colorpickerOptions);