<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">
<input class="color-picker"/>
<input class="color-picker cp-sm"/>
<input class="color-picker cp-lg"/>
<input class="color-picker cp-show"/>
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'}
];