# 颜色

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。
本页导读