颜色

使用 Red-Green-Blue (RGB) 模型设置颜色。
通过 rgb(red, green, blue) 指定 RGB 颜色值。
每个参数定义该颜色的强度，可以是 0 到 255 之间的整数，也可以是百分比值（从 0% 到 100%）。

实例：

rgb(0, 0, 255);
// 呈现为蓝色，因为 blue 参数设置为其最高值 (255)，其他参数设置为 0

使用 Red-Green-Blue-Alpha (RGBA) 模型设置颜色。
RGBA 颜色值是带有 alpha 通道的 RGB 颜色值的扩展 - 该通道指定颜色的不透明度。
alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。

实例：

rgba(0, 0, 255, 0.3); // 呈现为有透明度的蓝色

使用 Hue-Saturation-Lightness 模型设置颜色 - 并代表颜色的圆柱坐标表示。
Hue（色调）是色轮上的度数（从0到360）- 0或360是红色，120是绿色，240是蓝色
Saturation（饱和度）是百分比值； 0% 表示灰色阴影，100% 表示全彩。
Lightness（亮度）也是百分比；0% 是黑色，100% 是白色。

实例：

hsl(120, 100%, 50%); // 绿色
hsl(120, 100%, 75%); // 浅绿色
hsl(120, 100%, 25%); // 深绿色
hsl(120, 60%, 70%); // 淡绿色

使用 Hue-Saturation-Lightness-Alpha (HSLA) 模型设置颜色。
HSLA 颜色值是 HSL 颜色值的扩展，带有 alpha 通道 - 指定颜色的不透明度。
alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。

实例：

hsl(120, 100%, 50%, 0.3); // 带不透明度的绿色
hsl(120, 100%, 75%, 0.3); // 带不透明度的浅绿色

设置与颜色具有相同亮度的灰色。

实例：

grayscale(#7fffd4);

结果：#c6c6c6

设置颜色的互补色。

实例：

complement(#7fffd4);

结果：#ff7faa

设置颜色的反色或负色。
weight参数是可选的，必须是介于 0% 和 100% 之间的数字。默认值为100%。

实例：

invert(white);

结果：black