颜色教程

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

颜色名称

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

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

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

RGB 颜色值通过以下方式指定：rgb(红色的,绿色的,蓝色的）。

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

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

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

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

十六进制颜色指定为：#RRGGBB.

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

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

HEX	RGB	Color
#FF0000	rgb(255,0,0)	Red
#00FF00	rgb(0,255,0)	Green
#0000FF	rgb(0,0,255)	Blue

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

HEX	RGB	Color
#000000	rgb(0,0,0)	Black
#808080	rgb(128,128,128)	Gray
#FFFFFF	rgb(255,255,255)	White

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

小写更容易写。大写更容易阅读。

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

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

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

以下 <div> 元素的边框颜色将为蓝色，因为 <div> 元素的文本颜色为蓝色：

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