CSS 合法的颜色值

CSS 颜色

CSS中的颜色可以通过以下方法指定：

• 十六进制颜色
• 具有透明度的十六进制颜色
• RGB 颜色
• RGBA 颜色
• HSL 颜色
• HSLA 颜色
• 预定义/跨浏览器颜色名称
• 随着 currentcolor 关键词

十六进制颜色

十六进制颜色用 #RRGGBB 指定，其中 RR（红色）、GG（绿色）和 BB（蓝色）十六进制整数指定颜色的成分。所有值必须介于 00 和 FF 之间。

例如，#0000ff 值呈现为蓝色，因为蓝色成分设置为其最高值 (ff)，而其他成分设置为 00。

带透明度的十六进制颜色

十六进制颜色指定为：#RRGGBB。要添加透明度，请在 00 和 FF 之间添加两个额外的数字。

RGB 颜色

RGB 颜色值由 rgb() 函数，其语法如下：

rgb(red, green, blue)

每个参数（红色、绿色和蓝色）定义颜色的强度，可以是 0 到 255 之间的整数或百分比值（从 0% 到 100%）。

例如，rgb(0,0,255) 值被渲染为蓝色，因为蓝色参数设置为其最高值 (255)，而其他参数设置为 0。

此外，以下值定义相同的颜色：rgb(0,0,255) 和 rgb(0%,0%,100%)。

RGBA 颜色

RGBA 颜色值是带有 alpha 通道的 RGB 颜色值的扩展 - 它指定对象的不透明度。

RGBA 颜色通过 rgba() 函数，其语法如下：

rgba(red, green, blue, alpha)

alpha 参数是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。

HSL 颜色

HSL 代表色调、饱和度和亮度 - 并代表颜色的圆柱坐标表示。

HSL 颜色值通过 hsl() 函数，其语法如下：

hsl(hue, saturation, lightness)

色调是色轮上的度数（从 0 到 360）- 0（或 360）为红色，120 为绿色，240 为蓝色。饱和度是一个百分比值；0% 表示灰色，100% 表示全色。亮度也是一个百分比；0% 为黑色，100% 为白色。

HSLA 颜色

HSLA 颜色值是带有 alpha 通道的 HSL 颜色值的扩展 - 它指定对象的不透明度。

HSLA 颜色值由 hsla() 函数，其语法如下：

hsla(hue, saturation, lightness, alpha)

alpha 参数是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。

预定义/跨浏览器颜色名称

HTML 和 CSS 颜色规范中预定义了 140 种颜色名称。

例如： blue, red, coral, brown， ETC：

currentcolor 关键字

这 currentcolor 关键字指的是元素的颜色属性的值。