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