Include in head

<link rel="stylesheet" type="text/css" href="color-picker.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">

<script src="color-picker.js">

Then in body:

<input class="color-picker"/>

<input class="color-picker cp-sm"/>

<input class="color-picker cp-lg"/>

<input class="color-picker cp-show"/>

Customize pre selected colors:

In color-picker.js add or edit array elements in

    $color_list = [

        {color:'#000000',title:'Black'},

        {color:'#ffffff',title:'White'},

        {color:'#d54e21',title:'Red'},

        {color:'#78a300',title:'Green'},

        {color:'#0e76a8',title:'Blue'},

        {color:'#9cc2cb',title:'Teal'},

        {color:'#73716e',title:'Grey'},

        {color:'#ff7700',title:'Orange'},

        {color:'#ffcc00',title:'Yellow'},

        {color:'#ff66b5',title:'Pink'},

        {color:'#6a5a8c',title:'Purple'}
        
    ];