插件使用Bootstrap-colorpicker 3.4.0，文档地址：https://itsjavi.com/bootstrap-colorpicker/

简单使用

初始颜色可以通过 3 种方式指定：输入值、data-color 属性或者以编程方式使用 color 构造函数选项。

这里使用输入框组来显示颜色。

使用输入值：

使用 data-color：

使用构造函数(这里单独初始化)：

$('#example-color5').colorpicker({"color": "#48b0f7"});

当 format 选项为 'auto' 时，将检测第一个解析的颜色格式并将其用作默认值，但当该选项等于 null （默认值）时，每次都会重新计算格式。您可以在此处看到差异，其中之一允许您调整 Alpha 通道：

这里使用 data-colorpicker-mode 设置。

如果已定义，格式选项会强制使用特定格式，而忽略原始格式。

使用 data-colorpicker-horizontal 设置为 true，色调和 alpha 条是水平的而不是垂直的。

在模态框上使用：

启动模态框