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