Demo

jColorDemo-color

var dom = document.getElementById('color');
new jColor(dom);
    

jColorDemo-range

var dom = document.getElementById('color');
new jColor(dom, {
    type: 'range'
});
    

jColorDemo - default color

var defaultColor = document.getElementById('defaultColor');
    new jColor(defaultColor, {
        value: [255, 255, 0, 0.5]
    });
    

jColorDemo - listen change

var listenChange = document.getElementById('listenChange');
var listenChangeText = document.getElementById('listenChange-text');

new jColor(listenChange, {
    change: function(color) {
        listenChangeText.textContent = color.toString();
    }
});
    

jColorDemo - choosed

var choosed = document.getElementById('choosed');
var choosedText = document.getElementById('choosed-text');

new jColor(choosed, {
    choosed: function(color) {
        choosedText.textContent = color.toString();
    }
});