颜色

css中颜色的表达方式及兼容性表格

名称	兼容性	描述
named-color		CSS 数据类型 为颜色名——如: red、blue、black 或 lightseagreen。- MDN Reference
hex-color		CSS 数据类型 为描述 sRGB 颜色的十六进制颜色语法的记号，此记号将颜色的主分量（红、绿、蓝）及其透明度写为十六进制数。如: #FFFFFF 表示白色- MDN Reference
名称 兼容性 描述 #RGB 十六进制颜色三值语法，如: #FFF 表示白色 #RGBA 十六进制颜色四值语法，如: #FFFA 表示半透明白色（透明度值为AA） #RRGGBB 十六进制颜色六值语法，如: #FFFFFF 表示白色 #RRGGBBAA 十六进制颜色八值语法，如: #FFFFFFAA 表示半透明白色（透明度值为AA）
currentColor		'color' 属性的值。'currentColor' 关键字的计算值是 'color' 属性的计算值。如果 'currentColor' 关键字设置在 'color' 属性本身上，则在解析时会将其视为 'color:inherit'。
transparent		完全透明。这个关键字可以被认为是 rgba(0,0,0,0) 的简写，这是它的计算值。
rgb		根据红色、绿色和蓝色值创建颜色。
rgba		根据红色、绿色、蓝色和 alpha 值创建颜色。
rgb relative		根据另一个颜色的红色、绿色和蓝色值创建颜色。
hsl		根据色调、饱和度和亮度值创建颜色。
hsla		根据色调、饱和度、亮度和 alpha 值创建颜色。
hsl relative		根据另一个颜色的色调、饱和度和亮度值创建颜色。
hwb		根据色调、白色和黑色值创建颜色。
hwb relative		根据另一个颜色的色调、白色和黑色值创建颜色。
lab		根据亮度、a 和 b 值创建颜色。
lab relative		根据另一个颜色的亮度、a 和 b 值创建颜色。
oklab		根据亮度、a 和 b 值创建颜色。
oklab relative		根据另一个颜色的亮度、a 和 b 值创建颜色。
lch		根据亮度、色度和色调值创建颜色。
lch relative		根据另一个颜色的亮度、色度和色调值创建颜色。
oklch		根据亮度、色度和色调值创建颜色。
oklch relative		根据另一个颜色的亮度、色度和色调值创建颜色。
color		在特定色彩空间中，根据红色、绿色和蓝色值创建颜色。
color relative		在特定色彩空间中，根据另一个颜色的红色、绿色和蓝色值创建颜色。
color-mix		在矩形色彩空间中混合两种颜色。
color-mix hue		在极坐标色彩空间中混合两种颜色。

注意

• 在pages.json中，仅支持设置16进制颜色hex-color。