Examples

1) Attached to a field with hex format specified via options:

<input type="text" class="demo1" value="#5367ce" />
<script>
    $(function(){
        $('.demo1').colorpicker();
    });
</script>
            

Attached to a field with the rgba format specified via data tag:

As a component:

Using events to work with the color:

Change background color

Horizonal mode:

Inline mode:

Enabled / disabled


Enable Disable
Destroy plugin instances Create instances again