<div id="test"></div>
                
$(document).ready(function(){
    $('#test').simplestColorPicker({
    colors : [
        '#000000',
        '#151515',
        '#1C1C1C',
        '#2E2E2E',
        '#424242',
        '#585858',
        '#6E6E6E',
        '#848484',
        '#A4A4A4',
        '#BDBDBD',
        '#D8D8D8',
        '#E6E6E6',
        '#FFFFFF'
    ],
    active : '#424242',
    inputClass : 'form-control input-sm',
    showInput : false,
    inputName : 'hexColor',
    animation: true
});
            
            

div.simple-colors > ul {
    margin:0;
    padding:0;
    list-style:none;
}
div.simple-colors > ul > li {
    border: 1px solid #fff;
    position:relative;
    float:left;
    width:17px;
    height:17px;
    margin:2px 1px 0 0;
    background:#000;
    cursor:pointer;
    filter:alpha(opacity=50);
    opacity:.6;
}
div.simple-colors li:hover {
    filter:alpha(opacity=100);
    opacity:1
}
div.simple-colors li.active {
    width: 30px;
    height: 26px;
    margin-top: 2px;
    border-radius: 3px;
    opacity: 1;
}