颜色解析支持的格式
一些组件可接收传入的颜色字符串并解析,用于生成色板或 canvas 绘制,目前组件库支持解析以下颜色格式。
| 格式 | 示例 | 说明 |
|---|---|---|
| 十六进制(HEX) | #f00#ff0000#ff0000ff#f00f | 支持 3、4、6、8 位十六进制表示。 |
rgb() / rgba() | rgb(255, 0, 0)rgba(255, 0, 0, 0.5)rgb(255, 0, 0, 0.5) | R、G、B 分量取值范围 0–255。 Alpha 值取值范围 0–1。 |
hsl() / hsla() | hsl(0, 100%, 50%)hsla(0, 100%, 50%, 0.5)hsl(0, 100%, 50%, 0.5) | 色相(Hue)0–359,饱和度(Saturation)与亮度(Lightness)为百分比。 Alpha 值取值范围 0–1。 |
hsv() / hsva() | hsv(0, 100%, 100%)hsva(0, 100%, 100%, 0.5)hsv(0, 100%, 100%, 0.5) | 色相 0–359,饱和度与明度(Value)为百分比。 Alpha 值取值范围 0–1。 |
hwb() / hwba() | hwb(0, 0%, 0%)hwba(0, 0%, 0%, 0.5)hwb(0, 0%, 0%, 0.5) | HWB 颜色空间,色相 0–359,白度(Whiteness)与黑度(Blackness)为百分比。 白度 + 黑度不超过 100%。 Alpha 值取值范围 0–1。 |
解析颜色允许包含多余空格。