CSS - 颜色参考



下表显示了HTML 3.2中引入的16种颜色名称,以支持8位图形卡提供的16种颜色。相同的颜色集也可用于CSS:

颜色名称 十六进制值 颜色 显示
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中使用。

颜色名称 十六进制值 颜色 显示
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 演示
广告