CSS color 颜色名称关键词列表与效果展示

CSS中，color属性目前有147个颜色名称关键词，本文列出这些颜色，并提供基本的效果展示。

参考链接：https://drafts.csswg.org/css-color-3/#svg-color

背景色效果-白色文字 背景色效果-黑色文字 文字效果-白色背景 文字效果-黑色背景 Hex Value RGB Value
aliceblue aliceblue aliceblue aliceblue #f0f8ff 240,248,255
antiquewhite antiquewhite antiquewhite antiquewhite #faebd7 250,235,215
aqua aqua aqua aqua #00ffff 0,255,255
aquamarine aquamarine aquamarine aquamarine #7fffd4 127,255,212
azure azure azure azure #f0ffff 240,255,255
beige beige beige beige #f5f5dc 245,245,220
bisque bisque bisque bisque #ffe4c4 255,228,196
black black black black #000000 0,0,0
blanchedalmond blanchedalmond blanchedalmond blanchedalmond #ffebcd 255,235,205
blue blue blue blue #0000ff 0,0,255
blueviolet blueviolet blueviolet blueviolet #8a2be2 138,43,226
brown brown brown brown #a52a2a 165,42,42
burlywood burlywood burlywood burlywood #deb887 222,184,135
cadetblue cadetblue cadetblue cadetblue #5f9ea0 95,158,160
chartreuse chartreuse chartreuse chartreuse #7fff00 127,255,0
chocolate chocolate chocolate chocolate #d2691e 210,105,30
coral coral coral coral #ff7f50 255,127,80
cornflowerblue cornflowerblue cornflowerblue cornflowerblue #6495ed 100,149,237
cornsilk cornsilk cornsilk cornsilk #fff8dc 255,248,220
crimson crimson crimson crimson #dc143c 220,20,60
cyan cyan cyan cyan #00ffff 0,255,255
darkblue darkblue darkblue darkblue #00008b 0,0,139
darkcyan darkcyan darkcyan darkcyan #008b8b 0,139,139
darkgoldenrod darkgoldenrod darkgoldenrod darkgoldenrod #b8860b 184,134,11
darkgray darkgray darkgray darkgray #a9a9a9 169,169,169
darkgreen darkgreen darkgreen darkgreen #006400 0,100,0
darkgrey darkgrey darkgrey darkgrey #a9a9a9 169,169,169
darkkhaki darkkhaki darkkhaki darkkhaki #bdb76b 189,183,107
darkmagenta darkmagenta darkmagenta darkmagenta #8b008b 139,0,139
darkolivegreen darkolivegreen darkolivegreen darkolivegreen #556b2f 85,107,47
darkorange darkorange darkorange darkorange #ff8c00 255,140,0
darkorchid darkorchid darkorchid darkorchid #9932cc 153,50,204
darkred darkred darkred darkred #8b0000 139,0,0
darksalmon darksalmon darksalmon darksalmon #e9967a 233,150,122
darkseagreen darkseagreen darkseagreen darkseagreen #8fbc8f 143,188,143
darkslateblue darkslateblue darkslateblue darkslateblue #483d8b 72,61,139
darkslategray darkslategray darkslategray darkslategray #2f4f4f 47,79,79
darkslategrey darkslategrey darkslategrey darkslategrey #2f4f4f 47,79,79
darkturquoise darkturquoise darkturquoise darkturquoise #00ced1 0,206,209
darkviolet darkviolet darkviolet darkviolet #9400d3 148,0,211
deeppink deeppink deeppink deeppink #ff1493 255,20,147
deepskyblue deepskyblue deepskyblue deepskyblue #00bfff 0,191,255
dimgray dimgray dimgray dimgray #696969 105,105,105
dimgrey dimgrey dimgrey dimgrey #696969 105,105,105
dodgerblue dodgerblue dodgerblue dodgerblue #1e90ff 30,144,255
firebrick firebrick firebrick firebrick #b22222 178,34,34
floralwhite floralwhite floralwhite floralwhite #fffaf0 255,250,240
forestgreen forestgreen forestgreen forestgreen #228b22 34,139,34
fuchsia fuchsia fuchsia fuchsia #ff00ff 255,0,255
gainsboro gainsboro gainsboro gainsboro #dcdcdc 220,220,220
ghostwhite ghostwhite ghostwhite ghostwhite #f8f8ff 248,248,255
gold gold gold gold #ffd700 255,215,0
goldenrod goldenrod goldenrod goldenrod #daa520 218,165,32
gray gray gray gray #808080 128,128,128
green green green green #008000 0,128,0
greenyellow greenyellow greenyellow greenyellow #adff2f 173,255,47
grey grey grey grey #808080 128,128,128
honeydew honeydew honeydew honeydew #f0fff0 240,255,240
hotpink hotpink hotpink hotpink #ff69b4 255,105,180
indianred indianred indianred indianred #cd5c5c 205,92,92
indigo indigo indigo indigo #4b0082 75,0,130
ivory ivory ivory ivory #fffff0 255,255,240
khaki khaki khaki khaki #f0e68c 240,230,140
lavender lavender lavender lavender #e6e6fa 230,230,250
lavenderblush lavenderblush lavenderblush lavenderblush #fff0f5 255,240,245
lawngreen lawngreen lawngreen lawngreen #7cfc00 124,252,0
lemonchiffon lemonchiffon lemonchiffon lemonchiffon #fffacd 255,250,205
lightblue lightblue lightblue lightblue #add8e6 173,216,230
lightcoral lightcoral lightcoral lightcoral #f08080 240,128,128
lightcyan lightcyan lightcyan lightcyan #e0ffff 224,255,255
lightgoldenrodyellow lightgoldenrodyellow lightgoldenrodyellow lightgoldenrodyellow #fafad2 250,250,210
lightgray lightgray lightgray lightgray #d3d3d3 211,211,211
lightgreen lightgreen lightgreen lightgreen #90ee90 144,238,144
lightgrey lightgrey lightgrey lightgrey #d3d3d3 211,211,211
lightpink lightpink lightpink lightpink #ffb6c1 255,182,193
lightsalmon lightsalmon lightsalmon lightsalmon #ffa07a 255,160,122
lightseagreen lightseagreen lightseagreen lightseagreen #20b2aa 32,178,170
lightskyblue lightskyblue lightskyblue lightskyblue #87cefa 135,206,250
lightslategray lightslategray lightslategray lightslategray #778899 119,136,153
lightslategrey lightslategrey lightslategrey lightslategrey #778899 119,136,153
lightsteelblue lightsteelblue lightsteelblue lightsteelblue #b0c4de 176,196,222
lightyellow lightyellow lightyellow lightyellow #ffffe0 255,255,224
lime lime lime lime #00ff00 0,255,0
limegreen limegreen limegreen limegreen #32cd32 50,205,50
linen linen linen linen #faf0e6 250,240,230
magenta magenta magenta magenta #ff00ff 255,0,255
maroon maroon maroon maroon #800000 128,0,0
mediumaquamarine mediumaquamarine mediumaquamarine mediumaquamarine #66cdaa 102,205,170
mediumblue mediumblue mediumblue mediumblue #0000cd 0,0,205
mediumorchid mediumorchid mediumorchid mediumorchid #ba55d3 186,85,211
mediumpurple mediumpurple mediumpurple mediumpurple #9370db 147,112,219
mediumseagreen mediumseagreen mediumseagreen mediumseagreen #3cb371 60,179,113
mediumslateblue mediumslateblue mediumslateblue mediumslateblue #7b68ee 123,104,238
mediumspringgreen mediumspringgreen mediumspringgreen mediumspringgreen #00fa9a 0,250,154
mediumturquoise mediumturquoise mediumturquoise mediumturquoise #48d1cc 72,209,204
mediumvioletred mediumvioletred mediumvioletred mediumvioletred #c71585 199,21,133
midnightblue midnightblue midnightblue midnightblue #191970 25,25,112
mintcream mintcream mintcream mintcream #f5fffa 245,255,250
mistyrose mistyrose mistyrose mistyrose #ffe4e1 255,228,225
moccasin moccasin moccasin moccasin #ffe4b5 255,228,181
navajowhite navajowhite navajowhite navajowhite #ffdead 255,222,173
navy navy navy navy #000080 0,0,128
oldlace oldlace oldlace oldlace #fdf5e6 253,245,230
olive olive olive olive #808000 128,128,0
olivedrab olivedrab olivedrab olivedrab #6b8e23 107,142,35
orange orange orange orange #ffa500 255,165,0
orangered orangered orangered orangered #ff4500 255,69,0
orchid orchid orchid orchid #da70d6 218,112,214
palegoldenrod palegoldenrod palegoldenrod palegoldenrod #eee8aa 238,232,170
palegreen palegreen palegreen palegreen #98fb98 152,251,152
paleturquoise paleturquoise paleturquoise paleturquoise #afeeee 175,238,238
palevioletred palevioletred palevioletred palevioletred #db7093 219,112,147
papayawhip papayawhip papayawhip papayawhip #ffefd5 255,239,213
peachpuff peachpuff peachpuff peachpuff #ffdab9 255,218,185
peru peru peru peru #cd853f 205,133,63
pink pink pink pink #ffc0cb 255,192,203
plum plum plum plum #dda0dd 221,160,221
powderblue powderblue powderblue powderblue #b0e0e6 176,224,230
purple purple purple purple #800080 128,0,128
red red red red #ff0000 255,0,0
rosybrown rosybrown rosybrown rosybrown #bc8f8f 188,143,143
royalblue royalblue royalblue royalblue #4169e1 65,105,225
saddlebrown saddlebrown saddlebrown saddlebrown #8b4513 139,69,19
salmon salmon salmon salmon #fa8072 250,128,114
sandybrown sandybrown sandybrown sandybrown #f4a460 244,164,96
seagreen seagreen seagreen seagreen #2e8b57 46,139,87
seashell seashell seashell seashell #fff5ee 255,245,238
sienna sienna sienna sienna #a0522d 160,82,45
silver silver silver silver #c0c0c0 192,192,192
skyblue skyblue skyblue skyblue #87ceeb 135,206,235
slateblue slateblue slateblue slateblue #6a5acd 106,90,205
slategray slategray slategray slategray #708090 112,128,144
slategrey slategrey slategrey slategrey #708090 112,128,144
snow snow snow snow #fffafa 255,250,250
springgreen springgreen springgreen springgreen #00ff7f 0,255,127
steelblue steelblue steelblue steelblue #4682b4 70,130,180
tan tan tan tan #d2b48c 210,180,140
teal teal teal teal #008080 0,128,128
thistle thistle thistle thistle #d8bfd8 216,191,216
tomato tomato tomato tomato #ff6347 255,99,71
turquoise turquoise turquoise turquoise #40e0d0 64,224,208
violet violet violet violet #ee82ee 238,130,238
wheat wheat wheat wheat #f5deb3 245,222,179
white white white white #ffffff 255,255,255
whitesmoke whitesmoke whitesmoke whitesmoke #f5f5f5 245,245,245
yellow yellow yellow yellow #ffff00 255,255,0
yellowgreen yellowgreen yellowgreen yellowgreen #9acd32 154,205,50