Default


$(".example_default").asColorPicker();
        

Mode: palettes


$(".example_palettes").asColorPicker({
    mode: 'palettes'
});
        

Mode: complex


$(".example_complex").asColorPicker({
    mode: 'complex'
});
        

Mode: gradient


$(".example_gradient").asColorPicker({
    mode: 'gradient'
});
        

Mode: gradient without switchable


$(".example_gradient_2").asColorPicker({
    mode: 'gradient',
    gradient: {
        switchable: false
    }
});
        

Mode: gradient with gradient value


$(".example_gradient_value").asColorPicker();
        

Mode: gradient with color value


$(".example_gradient_color").asColorPicker();
        

Hide Input


$(".example_5").asColorPicker({
    hideInput: true
});
        

Read Only


$(".example_6").asColorPicker({
    readonly: true
});
        

Disable hideFireChange


$(".example_7").asColorPicker({
    hideFireChange: false
});