CSS 颜色引用怎么用?有哪些常见的颜色名称和值参考?

文章导读
上一个 下一个 下表展示了在 HTML 3.2 中引入的 16 个颜色名称,这些名称支持 8 位图形卡提供的 16 种颜色。相同的颜色集也可以在 CSS 中使用 −
A A

CSS - 颜色引用



上一个
下一个

下表展示了在 HTML 3.2 中引入的 16 个颜色名称,这些名称支持 8 位图形卡提供的 16 种颜色。相同的颜色集也可以在 CSS 中使用 −

颜色名称 Hex 值 颜色 显示
aqua #00ffff 演示
black #000000 演示
blue #0000ff 演示
fuchsia #ff00ff 演示
green #008000 演示
gray #808080 演示
lime #00ff00 演示
maroon #800000 演示
navy #000080 演示
olive #808000 演示
purple #800080 演示
red #ff0000 演示
silver #c0c0c0 演示
teal #008080 演示
white #ffffff 演示
yellow #ffff00 演示

还有其他颜色,这些颜色不属于 HTML 或 XHTML,但被大多数版本的 IE 或 Netscape 支持。这些颜色名称也可以在 CSS 中使用。

颜色名称 Hex 值 颜色 显示
aliceblue #f0f8ff 演示
antiquewhite #faebd7 演示
aquamarine #7fffd4 演示
azure #f0ffff 演示
beige #f5f5dc 演示
bisque #ffe4c4 演示
blanchedalmond #ffebcd 演示
blueviolet #8a2be2 演示
brown #a52a2a 演示
burlywood #deb887 演示
cadetblue #5f9ea0 演示
chartreuse #7fff00 演示
chocolate #d2691e 演示
coral #ff7f50 演示
cornflowerblue #6495ed 演示
cornsilk #fff8dc 演示
crimson #dc143c 演示
cyan #00ffff 演示
darkblue #00008b 演示
darkcyan #008b8b 演示
darkgoldenrod #b8860b 演示
darkgray #a9a9a9 演示
darkgreen #006400 演示
darkkhaki #bdb76b 演示
darkmagenta #8b008b 演示
darkolivegreen #556b2f 演示
darkorange #ff8c00 演示
darkorchid #9932cc 演示
darkred #8b0000 演示
darksalmon #e9967a 演示
darkseagreen #8fbc8f 演示
darkslateblue #483d8b 演示
darkslategray #2f4f4f 演示
darkturquoise #00ced1 演示
darkviolet #9400d3 演示
deeppink #ff1493 演示
deepskyblue #00bfff 演示
dimgray #696969 演示
dodgerblue #1e90ff 演示
firebrick #b22222 演示
floralwhite #fffaf0 演示
forestgreen #228b22 演示
gainsboro #dcdcdc 演示
ghostwhite #f8f8ff 演示
gold #ffd700 演示
goldenrod #daa520 演示
gray #808080 演示
greenyellow #adff2f 演示
honeydew #f0fff0 演示
hotpink #ff69b4 演示
indianred #cd5c5c 演示
indigo #4b0082 演示
ivory #fffff0 演示
khaki #f0e68c 演示
lavender #e6e6fa 演示
lavenderblush #fff0f5 演示
lawngreen #7cfc00 演示
lemonchiffon #fffacd 演示
lightblue #add8e6 演示
lightcoral #f08080 演示
lightcyan #e0ffff 演示
lightgoldenrodyellow #fafad2 演示
lightgreen #90ee90 演示
lightgrey #d3d3d3 演示
lightpink #ffb6c1 演示
lightsalmon #ffa07a 演示
lightseagreen #20b2aa 演示
lightskyblue #87cefa 演示
lightslategray #778899 演示
lightsteelblue #b0c4de 演示
lightyellow #ffffe0 演示
limegreen #32cd32 演示
linen #faf0e6 演示
magenta #ff00ff 演示
mediumblue #0000cd 演示
mediumorchid #ba55d3 演示
mediumpurple #9370db 演示
midnightblue #191970 演示
mistyrose #ffe4e1 演示
moccasin #ffe4b5 演示
oldlace #fdf5e6 演示
orange #ffa500 演示
orchid #da70d6 演示
peachpuff #ffdab9 演示
peru #cd853f 演示
pink #ffc0cb 演示
plum #dda0dd 演示
purple #800080 演示
rosybrown #bc8f8f 演示
royalblue #4169e1 演示
salmon #fa8072 演示
sandybrown #f4a460 演示
seagreen #2e8b57 演示
sienna #a0522d 演示
skyblue #87ceeb 演示
slateblue #6a5acd 演示
steelblue #4682b4 演示
tan #d2b48c 演示
thistle #d8bfd8 演示
tomato #ff6347 演示
violet #ee82ee 演示
wheat #f5deb3 演示
whitesmoke #f5f5f5 演示
yellow #ffff00 演示
yellowgreen #9acd32 演示