Skip to content

颜色解析支持的格式

一些组件可接收传入的颜色字符串并解析,用于生成色板或 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。

解析颜色允许包含多余空格。