Basic Picker plus Color Wheel

by Jaco Briers

HTML

<script src="https://rawgit.com/IMQS/picolor.js/master/src/third-party/jquery-2.0.3.min.js"></script>
<script src="https://rawgit.com/IMQS/picolor.js/master/src/third-party/chroma.min.js"></script>
<script src="https://rawgit.com/IMQS/picolor.js/master/picolor.min.js"></script>
<body style="background-color: #E0E0E0">
	<div id="basic-picker"></div>
	<div id="color-wheel" style="padding: 5px"></div>
</body>

JavaScript

window.onload = function () {
    var basicPicker = new picolor.BasicPicker("basic-picker");
    basicPicker.draw();

    var colorWheel = new picolor.ColorWheel("color-wheel");
    colorWheel.draw();

    $("#basic-picker").on("oncolorchange", function (ev, color) {
        colorWheel.lch = color.lch();
    });
    $("#color-wheel").on("oncolorchange", function (ev, color) {
        basicPicker.lch = color.lch();
    });
};