SOURCE

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

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

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