在主题定制的应用场景中，自然离不开颜色的自定义。而你往往需要的是关于它的直观选择，于是 colorpicker 模块姗姗来迟，它支持 hex、rgb、rgba 三类色彩模式，在代码中简单的调用后，便可在你的网页系统中自由拖拽去选择你中意的颜色。
模块加载名称：colorpicker注意：colorpicker 为 layui 2.4.0 新增模块，不支持 ie10 以下版本，其它高级浏览器均支持。
<link rel="stylesheet" href="/static/layui/css/layui.css">
<script src="/static/layui/layui.all.js" charset="utf-8"></script>
colorpicker 组件目前支持以下参数
| 参数选项 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| elem | 指向容器选择器 | string/object | - |
| color | 默认颜色，不管你是使用 hex、rgb 还是 rgba 的格式输入，最终会以指定的格式显示。 | string | - |
| format | 颜色显示/输入格式，可选值： hex、rgb 若在 rgb 格式下开启了透明度，格式会自动变成 rgba。在没有输入颜色的前提下，组件会默认为 #000 也就是黑色。 |
string | hex（即 16 进制色值） |
| alpha | 是否开启透明度，若不开启，则不会显示透明框。开启了透明度选项时，当你的默认颜色为 hex 或 rgb 格式，组件会默认加上值为 1 的透明度。相同的，当你没有开启透明度，却以 rgba 格式设置默认颜色时，组件会默认没有透明度。 注意：该参数必须配合 rgba 颜色值使用 |
boolean | false |
| predefine | 预定义颜色是否开启 | boolean | false |
| colors | 预定义颜色，此参数需配合 predefine: true 使用。 | Array | 此处列举一部分：['#ff4500','#1e90ff','rgba(255, 69, 0, 0.68)','rgb(255, 120, 0)'] |
| size | 下拉框大小，可以选择：lg、sm、xs。 | string | - |
颜色选择器不仅仅是独立使用，它更多情况可能是跟表单结合使用。
layui - 在每一个细节中，用心与你沟通
