Colors 颜色简介

结合红、绿和蓝光显示颜色。

颜色名称

使用 CSS，可以使用颜色名称设置颜色：

CSS 颜色值

使用 CSS，可以通过不同方式指定颜色：

• 按颜色名称

• 作为 RGB 值

• 作为十六进制值

• 作为 HSL 值 (CSS3)

• 作为 HWB 值 (CSS4)

• 随着currentcolor关键字

RGB 颜色

所有浏览器都支持 RGB 颜色值。

RGB 颜色值指定为： rgb( RED , GREEN , BLUE )。

每个参数将颜色的强度定义为 0 到 255 之间的整数。

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

灰色阴影通常使用所有 3 个光源的相同值来定义：

十六进制颜色

所有浏览器也支持十六进制颜色值。

十六进制颜色指定为：#RR GG BB。

RR（红色）、GG（绿色）和 BB（蓝色）是介于 00 和 FF 之间的十六进制整数，用于指定颜色的强度。

例如，#0000FF 显示为蓝色，因为蓝色分量设置为其最高值（FF），其他分量设置为 00。

灰色阴影通常使用所有 3 个光源的相同值来定义：

大写还是小写？

您可以使用大写或小写字母来指定十六进制值。

颜色名称

CSS 支持 140 个标准颜色名称。

在下一章中，您将找到带有十六进制值的颜色名称的完整字母列表：

当前颜色关键字

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

#myDIV {
  color: blue; /* Blue text color */
  border: 10px solid currentcolor; /* Blue border color */
}