SOURCE

$(function() {
  $('.color-box').colpick({
    layout: 'rgbhex',
    // 颜色的格式
    //submit: true,           // 是否显示确认按钮
    //flat: true,             // 是否初始化的时候就显示
    // submitText: '确定',       // 确认按钮文本
    // color: '#f33548',         // 默认颜色
    // colorScheme: 'dark',    // 主题
    onSubmit: function(hsb, hex, rgb, el) {
      $(el).css('background-color', '#' + hex);
      $(el).colpickHide();
    }
  });
});

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-colpick@3.1.0/css/colpick.css">

<div class="color-box"></div>


<script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-colpick@3.1.0/js/colpick.min.js"></script>

.color-box {
  width: 50px;
  height: 50px;
  background: #ccc;
}