颜色使用预定义的颜色名称或 RGB、HEX、HSL、RGBA、HSLA 值指定。
颜色名称
直接指定颜色名称，如：Tomato。
更多颜色参考：HTML Color Names
RGB 值 - rgb (red, green, blue)
每个参数（红色、绿色和蓝色）的颜色强度介于 0 至 255 之间。
例如，rgb(255, 0, 0) 显示为红色，因为红色设置为其最高值（255），而其他设置为 0。
要显示黑色，请将所有颜色参数设置为 0，如下所示：rgb(0, 0, 0)。
要显示白色，请将所有颜色参数设置为 255，如下所示：rgb(255, 255, 255)。
RGBA 值 - rgba(red, green, blue, alpha)
RGBA 颜色值是带有 alpha 通道的 RGB 颜色值的扩展 - 它指定颜色的不透明度。
alpha 参数是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。
HEX（十六进制值）
使用十六进制值指定颜色，例如：#rrggbb 。
其中 rr（红色）、gg（绿色）和 bb（蓝色）是 00 至 ff 之间的十六进制值（与十进制 0-255 相同）。
例如，#ff0000 显示为红色，因为红色被设置为其最高值（ff），而其他被设置为最低值（00）。
要显示黑色，请将所有值设置为 00，如下所示：#000000。
要显示白色，请将所有值设置为 ff，如下所示： #ffffff 。
3 Digit HEX（3 位十六进制值）
3 位十六进制代码是一些 6 位十六进制代码的简写。
其中 r、g、b 分别代表红、绿、蓝分量，值介于 0 至 f 之间。
只有当每个组件的值（RR、GG 和 BB）相同时，才能使用 3 位十六进制代码。例如，#ff00cc 可以简写为 #f0c 。
HSL 值
使用色调、饱和度和亮度 (HSL) 指定颜色。
色调
色调是色轮上的度数，范围从 0 到 360。0 为红色，120 为绿色，240 为蓝色。
饱和
饱和度是一个百分比值，可以描述颜色的强度。
100% 为纯色（全彩色），无灰色。
50% 是 50% 灰色，但您仍然可以看到颜色。
0% 表示完全灰色；您再也看不到颜色。
亮度
颜色的亮度也是一个百分比，可以描述为您想要赋予颜色多少光，其中 0% 表示无光（黑色），50% 表示 50% 光（既不暗也不亮），100% 表示全亮（白色）。
灰色调
灰色阴影通常通过将色调和饱和度设置为 0 来定义，并将亮度从 0% 调整到 100% 以获得更深/更浅的阴影。
HSLA 值
指带有 alpha 通道的 HSL 颜色值的扩展 - 它指定颜色的不透明度。
alpha 参数是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。