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
});