# 17、color 颜色选择
# 万能表单使用方式
{ key: "color", title: "颜色类型", type: "color" },
1
# API
# 公共属性
# 组件属性
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| showAlpha | 是否支持透明度选择 | Boolean | false | true |
| colorFormat | 写入 v-model 的颜色的格式 | String | hex（show-alpha 为 false）/ rgb（show-alpha 为 true） | hsl / hex / rgb |
| predefine | 预定义颜色 | Array | - | - |
| activeChange | 面板中当前显示的颜色发生改变时触发 | function(value) | - | - |
colorFormat介绍
colorFormat 的作用是将你选择的颜色以什么样的字符串存到 v-model 绑定的变量中。
如你选的是白色，则
hsl：hsl(0, 0%, 100%) 关于hsl的介绍 (opens new window)
hex：#FFFFFF 关于hex的介绍 (opens new window)
rgb：不带透明度 rgb(255,255,255) 带透明度 rgba(255,255,255,0.8) 关于rgb的介绍 (opens new window)
通常我们常用的表示颜色的方式是 hex：#FFFFFF，如果带透明度，则用rgb：rgba(255,255,255,0.8)
# 万能表格使用方式
暂无
# template 使用方式
<el-color-picker v-model="color"></el-color-picker>
1