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关键字指的是元素的颜色属性的值。