HTML 颜色教程

颜色名称

使用 CSS，可以通过颜色名称来设置颜色:

实例

CSS 颜色值

使用 CSS，颜色可以通过不同的方式来定义:

• 通过颜色名称
• 作为 RGB 值
• 作为 hexadecimal 十六进制颜色值
• 作为 HSL 值 (CSS3)
• 作为 HWB 值 (CSS4)
• 使用 currentColor 关键字

RGB 颜色

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

RGB 颜色值是用: rgb(RED ,GREEN ,BLUE ) 来指定的。

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

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

实例

灰色阴影通常是使用所有三种光源的相同值来定义的:

实例

十六进制颜色（Hexadecimal）

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

十六进制颜色值格式为：#RRGGBB

RR (red), GG (green) 和 BB (blue) 是介于 00 和 FF 之间的十六进制整数，用于指定颜色的强度。

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

实例

灰色阴影通常是使用所有三种光源的相同值来定义的:

实例

大写还是小写？

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

颜色名称

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

在下一章中，您将看到一个完整的按字母顺序排列的十六进制颜色名称列表:

currentcolor 关键字

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

实例

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

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