CSS 值：颜色
用于 color 和 background-color 等属性的颜色值。
颜色值可以有以下几种形式：
| 值 | 描述 | 示例 |
|---|---|---|
# |
十六进制红绿蓝。 可以是六位或三位十六进制数字（0 到 F）。 使用六位数字时，前两位表示红色量，中间两位表示绿色量，最后两位表示蓝色量。 三位数字形式是一种简写表示法，第一位表示红色，第二位表示绿色，第三位表示蓝色。 |
p { color: #ff0000 } |
rgb() |
函数式红绿蓝。 包含三个逗号分隔的值，每个值范围从 0 到 255 或 0% 到 100%。第一个值表示红色量，第二个值表示绿色量，第三个值表示蓝色量。 |
body { background: rgb(0,127,0) } |
rgba() |
带 Alpha 通道的函数式红绿蓝。 与函数式 RGB 类似，额外包含一个从 0 到 1 的值，该值指定透明度。0 为完全透明，1 为不透明，0.3 表示 30% 不透明，依此类推。 |
h1 { background: rgba(0,0,0,0.8) } |
hsl() |
色相-饱和度-亮度。 包含三个逗号分隔的值。 第一个值，色相，范围从 0 到 360，或 0% 到 100%，表示色轮上的角度。0 (或 360) 是红色，120 是绿色，240 是蓝色，依此类推。第二个值，饱和度，范围从 0% (完全去饱和) 到 100% (完全饱和)。第三个值，亮度，范围从 0% (黑色) 到 100% (白色)。 |
p { color: hsl(240,100%,75%) } |
hsla() |
带 Alpha 通道的色相-饱和度-亮度。 与色相-饱和度-亮度类似，额外包含一个从 0 到 1 的值，该值指定透明度。0 为完全透明，1 为不透明，0.7 表示 70% 不透明，依此类推。 |
h1 { background: hsla(0,0%,100%,0.1) } |
transparent |
透明。 | .alt { backround: transparent } |
black |
黑色关键字。 等同于 #000000 / rgb(0,0,0) |
p { color: black } |
silver |
银色关键字。 等同于 #c0c0c0 / rgb(192,192,192) |
p { color: silver } |
gray |
灰色关键字。 等同于 #808080 / rgb(128,128,128) |
p { color: gray } |
white |
白色关键字。 等同于 #ffffff / rgb(255,255,255) |
p { color: white } |
maroon |
栗色关键字。 等同于 #800000 / rgb(128,0,0) |
p { color: maroon } |
red |
红色关键字。 等同于 #ff0000 / rgb(255,0,0) |
p { color: red } |
purple |
紫色关键字。 等同于 #800080 / rgb(128,0,128) |
p { color: purple } |
fuchsia |
紫红色关键字。 等同于 #ff00ff / rgb(255,0,255) |
p { color: fuchsia } |
green |
绿色关键字。 等同于 #008000 / rgb(0,128,0) |
p { color: green } |
lime |
亮绿色关键字。 等同于 #00ff00 / rgb(0,255,0) |
p { color: lime } |
olive |
橄榄绿关键字。 等同于 #808000 / rgb(128,128,0) |
p { color: olive } |
yellow |
黄色关键字。 等同于 #ffff00 / rgb(255,255,0) |
p { color: yellow } |
navy |
海军蓝关键字。 等同于 #000080 / rgb(0,0,128) |
p { color: navy } |
blue |
蓝色关键字。 等同于 #0000ff / rgb(0,0,255) |
p { color: blue } |
teal |
青色关键字。 等同于 #008080 / rgb(0,128,128) |
p { color: teal } |
aqua |
青绿色关键字。 等同于 #00ffff / rgb(0,255,255) |
p { color: aqua } |