Spectrum From Master

A working demo of the latest version of spectrum colorpicker

HTML

<link rel="stylesheet" href="http://bgrins.github.com/spectrum/spectrum.css">
<script src="http://bgrins.github.com/spectrum/spectrum.js"></script>
  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css" /
<h2>Basic Usage</h2>

<div id='colorpickerContainer'>
<input id='colorpickerDiv' />
</div>
<div id='slider'></div>

CSS

#colorpickerContainer{ position:absolute; top: 50px; left: 10px;}

JavaScript

$("#colorpickerDiv").spectrum();

$("#slider").slider({
    min:0,
    max:100,
    slide: function(e, ui) {
        var event = e.originalEvent;
        $("#colorpickerContainer").css({"left":event.pageX + 30});
        $("#colorpickerDiv").spectrum("show");
    }
});


$("body").click(function(){
    $("#colorpickerDiv").spectrum("hide");
});