查看“CSS颜色名称”的源代码

[[category:CSS]]

所有浏览器都支持颜色名称,147颜色名称定义在HTML和CSS的颜色规格(17个标准色加上130多个其他)。
<blockquote>Note:17种标准颜色：浅绿色，黑色，蓝色，紫红色，灰色，灰色，绿色，石灰，栗色，海军，橄榄，紫，红，银，蓝绿色，白色和黄色。</blockquote>

{| class="wikitable" style="width:75%; text-align:center;"
|-
! style="width:20%;" | Color 
! style="width:20%;" | HEX 
! style="width:20%;" | RGB 
! style="width:40%;" | Color
|-
|AliceBlue || #F0F8FF || 240,248,255
| style="background-color: #F0F8FF;" |
|-
|AntiqueWhite || #FAEBD7 || 250,235,215
| style="background-color: #FAEBD7;" |
|-
|Aqua || #00FFFF || 0,255,255
| style="background-color: #00FFFF;" |
|-
|Aquamarine || #7FFFD4 || 127,255,212
| style="background-color: #7FFFD4;" |
|-
|Azure || #F0FFFF || 240,255,255
| style="background-color: #F0FFFF;" |
|-
|Beige || #F5F5DC || 245,245,220
| style="background-color: #F5F5DC;" |
|-
|Bisque || #FFE4C4 || 255,228,196
| style="background-color: #FFE4C4;" |
|-
|Black || #000000 || 0,0,0
| style="background-color: #000000;" |
|-
|BlanchedAlmond || #FFEBCD || 255,235,205
| style="background-color: #FFEBCD;" |
|-
|Blue || #0000FF || 0,0,255
| style="background-color: #0000FF;" |
|-
|BlueViolet || #8A2BE2 || 138,43,226
| style="background-color: #8A2BE2;" |
|-
|Brown || #A52A2A || 165,42,42
| style="background-color: #A52A2A;" |
|-
|BurlyWood || #DEB887 || 222,184,135
| style="background-color: #DEB887;" |
|-
|CadetBlue || #5F9EA0 || 95,158,160
| style="background-color: #5F9EA0;" |
|-
|Chartreuse || #7FFF00 || 127,255,0
| style="background-color: #7FFF00;" |
|-
|Chocolate || #D2691E || 210,105,30
| style="background-color: #D2691E;" |
|-
|Coral || #FF7F50 || 255,127,80
| style="background-color: #FF7F50;" |
|-
|CornflowerBlue || #6495ED || 100,149,237
| style="background-color: #6495ED;" |
|-
|Cornsilk || #FFF8DC || 255,248,220
| style="background-color: #FFF8DC;" |
|-
|Crimson || #DC143C || 220,20,60
| style="background-color: #DC143C;" |
|-
|Cyan || #00FFFF || 0,255,255
| style="background-color: #00FFFF;" |
|-
|DarkBlue || #00008B || 0,0,139
| style="background-color: #00008B;" |
|-
|DarkCyan || #008B8B || 0,139,139
| style="background-color: #008B8B;" |
|-
|DarkGoldenRod || #B8860B || 184,134,11
| style="background-color: #B8860B;" |
|-
|DarkGray || #A9A9A9 || 169,169,169
| style="background-color: #A9A9A9;" |
|-
|DarkGreen || #006400 || 0,100,0
| style="background-color: #006400;" |
|-
|DarkKhaki || #BDB76B || 189,183,107
| style="background-color: #BDB76B;" |
|-
|DarkMagenta || #8B008B || 139,0,139
| style="background-color: #8B008B;" |
|-
|DarkOliveGreen || #556B2F || 85,107,47
| style="background-color: #556B2F;" |
|-
|DarkOrange || #FF8C00 || 255,140,0
| style="background-color: #FF8C00;" |
|-
|DarkOrchid || #9932CC || 153,50,204
| style="background-color: #9932CC;" |
|-
|DarkRed || #8B0000 || 139,0,0
| style="background-color: #8B0000;" |
|-
|DarkSalmon || #E9967A || 233,150,122
| style="background-color: #E9967A;" |
|-
|DarkSeaGreen || #8FBC8F || 143,188,143
| style="background-color: #8FBC8F;" |
|-
|DarkSlateBlue || #483D8B || 72,61,139
| style="background-color: #483D8B;" |
|-
|DarkSlateGray || #2F4F4F || 47,79,79
| style="background-color: #2F4F4F;" |
|-
|DarkTurquoise || #00CED1 || 0,206,209
| style="background-color: #00CED1;" |
|-
|DarkViolet || #9400D3 || 148,0,211
| style="background-color: #9400D3;" |
|-
|DeepPink || #FF1493 || 255,20,147
| style="background-color: #FF1493;" |
|-
|DeepSkyBlue || #00BFFF || 0,191,255
| style="background-color: #00BFFF;" |
|-
|DimGray || #696969 || 105,105,105
| style="background-color: #696969;" |
|-
|DodgerBlue || #1E90FF || 30,144,255
| style="background-color: #1E90FF;" |
|-
|FireBrick || #B22222 || 178,34,34
| style="background-color: #B22222;" |
|-
|FloralWhite || #FFFAF0 || 255,250,240
| style="background-color: #FFFAF0;" |
|-
|ForestGreen || #228B22 || 34,139,34
| style="background-color: #228B22;" |
|-
|Fuchsia || #FF00FF || 255,0,255
| style="background-color: #FF00FF;" |
|-
|Gainsboro || #DCDCDC || 220,220,220
| style="background-color: #DCDCDC;" |
|-
|GhostWhite || #F8F8FF || 248,248,255
| style="background-color: #F8F8FF;" |
|-
|Gold || #FFD700 || 255,215,0
| style="background-color: #FFD700;" |
|-
|GoldenRod || #DAA520 || 218,165,32
| style="background-color: #DAA520;" |
|-
|Gray || #808080 || 128,128,128
| style="background-color: #808080;" |
|-
|Green || #008000 || 0,128,0
| style="background-color: #008000;" |
|-
|GreenYellow || #ADFF2F || 173,255,47
| style="background-color: #ADFF2F;" |
|-
|HoneyDew || #F0FFF0 || 240,255,240
| style="background-color: #F0FFF0;" |
|-
|HotPink || #FF69B4 || 255,105,180
| style="background-color: #FF69B4;" |
|-
|IndianRed  || #CD5C5C || 205,92,92
| style="background-color: #CD5C5C;" |
|-
|Indigo  || #4B0082 || 75,0,130
| style="background-color: #4B0082;" |
|-
|Ivory || #FFFFF0 || 255,255,240
| style="background-color: #FFFFF0;" |
|-
|Khaki || #F0E68C || 240,230,140
| style="background-color: #F0E68C;" |
|-
|Lavender || #E6E6FA || 230,230,250
| style="background-color: #E6E6FA;" |
|-
|LavenderBlush || #FFF0F5 || 255,240,245
| style="background-color: #FFF0F5;" |
|-
|LawnGreen || #7CFC00 || 124,252,0
| style="background-color: #7CFC00;" |
|-
|LemonChiffon || #FFFACD || 255,250,205
| style="background-color: #FFFACD;" |
|-
|LightBlue || #ADD8E6 || 173,216,230
| style="background-color: #ADD8E6;" |
|-
|LightCoral || #F08080 || 240,128,128
| style="background-color: #F08080;" |
|-
|LightCyan || #E0FFFF || 224,255,255
| style="background-color: #E0FFFF;" |
|-
|LightGoldenRodYellow || #FAFAD2 || 250,250,210
| style="background-color: #FAFAD2;" |
|-
|LightGray || #D3D3D3 || 211,211,211
| style="background-color: #D3D3D3;" |
|-
|LightGreen || #90EE90 || 144,238,144
| style="background-color: #90EE90;" |
|-
|LightPink || #FFB6C1 || 255,182,193
| style="background-color: #FFB6C1;" |
|-
|LightSalmon || #FFA07A || 255,160,122
| style="background-color: #FFA07A;" |
|-
|LightSeaGreen || #20B2AA || 32,178,170
| style="background-color: #20B2AA;" |
|-
|LightSkyBlue || #87CEFA || 135,206,250
| style="background-color: #87CEFA;" |
|-
|LightSlateGray || #778899 || 119,136,153
| style="background-color: #778899;" |
|-
|LightSteelBlue || #B0C4DE || 176,196,222
| style="background-color: #B0C4DE;" |
|-
|LightYellow || #FFFFE0 || 255,255,224
| style="background-color: #FFFFE0;" |
|-
|Lime || #00FF00 || 0,255,0
| style="background-color: #00FF00;" |
|-
|LimeGreen || #32CD32 || 50,205,50
| style="background-color: #32CD32;" |
|-
|Linen || #FAF0E6 || 250,240,230
| style="background-color: #FAF0E6;" |
|-
|Magenta || #FF00FF || 255,0,255
| style="background-color: #FF00FF;" |
|-
|Maroon || #800000 || 128,0,0
| style="background-color: #800000;" |
|-
|MediumAquaMarine || #66CDAA || 102,205,170
| style="background-color: #66CDAA;" |
|-
|MediumBlue || #0000CD || 0,0,205
| style="background-color: #0000CD;" |
|-
|MediumOrchid || #BA55D3 || 186,85,211
| style="background-color: #BA55D3;" |
|-
|MediumPurple || #9370DB || 147,112,219
| style="background-color: #9370DB;" |
|-
|MediumSeaGreen || #3CB371 || 60,179,113
| style="background-color: #3CB371;" |
|-
|MediumSlateBlue || #7B68EE || 123,104,238
| style="background-color: #7B68EE;" |
|-
|MediumSpringGreen || #00FA9A || 0,250,154
| style="background-color: #00FA9A;" |
|-
|MediumTurquoise || #48D1CC || 72,209,204
| style="background-color: #48D1CC;" |
|-
|MediumVioletRed || #C71585 || 199,21,133
| style="background-color: #C71585;" |
|-
|MidnightBlue || #191970 || 25,25,112
| style="background-color: #191970;" |
|-
|MintCream || #F5FFFA || 245,255,250
| style="background-color: #F5FFFA;" |
|-
|MistyRose || #FFE4E1 || 255,228,225
| style="background-color: #FFE4E1;" |
|-
|Moccasin || #FFE4B5 || 255,228,181
| style="background-color: #FFE4B5;" |
|-
|NavajoWhite || #FFDEAD || 255,222,173
| style="background-color: #FFDEAD;" |
|-
|Navy || #000080 || 0,0,128
| style="background-color: #000080;" |
|-
|OldLace || #FDF5E6 || 253,245,230
| style="background-color: #FDF5E6;" |
|-
|Olive || #808000 || 128,128,0
| style="background-color: #808000;" |
|-
|OliveDrab || #6B8E23 || 107,142,35
| style="background-color: #6B8E23;" |
|-
|Orange || #FFA500 || 255,165,0
| style="background-color: #FFA500;" |
|-
|OrangeRed || #FF4500 || 255,69,0
| style="background-color: #FF4500;" |
|-
|Orchid || #DA70D6 || 218,112,214
| style="background-color: #DA70D6;" |
|-
|PaleGoldenRod || #EEE8AA || 238,232,170
| style="background-color: #EEE8AA;" |
|-
|PaleGreen || #98FB98 || 152,251,152
| style="background-color: #98FB98;" |
|-
|PaleTurquoise || #AFEEEE || 175,238,238
| style="background-color: #AFEEEE;" |
|-
|PaleVioletRed || #DB7093 || 219,112,147
| style="background-color: #DB7093;" |
|-
|PapayaWhip || #FFEFD5 || 255,239,213
| style="background-color: #FFEFD5;" |
|-
|PeachPuff || #FFDAB9 || 255,218,185
| style="background-color: #FFDAB9;" |
|-
|Peru || #CD853F || 205,133,63
| style="background-color: #CD853F;" |
|-
|Pink || #FFC0CB || 255,192,203
| style="background-color: #FFC0CB;" |
|-
|Plum || #DDA0DD || 221,160,221
| style="background-color: #DDA0DD;" |
|-
|PowderBlue || #B0E0E6 || 176,224,230
| style="background-color: #B0E0E6;" |
|-
|Purple || #800080 || 128,0,128
| style="background-color: #800080;" |
|-
|Red || #FF0000 || 255,0,0
| style="background-color: #FF0000;" |
|-
|RosyBrown || #BC8F8F || 188,143,143
| style="background-color: #BC8F8F;" |
|-
|RoyalBlue || #4169E1 || 65,105,225
| style="background-color: #4169E1;" |
|-
|SaddleBrown || #8B4513 || 139,69,19
| style="background-color: #8B4513;" |
|-
|Salmon || #FA8072 || 250,128,114
| style="background-color: #FA8072;" |
|-
|SandyBrown || #F4A460 || 244,164,96
| style="background-color: #F4A460;" |
|-
|SeaGreen || #2E8B57 || 46,139,87
| style="background-color: #2E8B57;" |
|-
|SeaShell || #FFF5EE || 255,245,238
| style="background-color: #FFF5EE;" |
|-
|Sienna || #A0522D || 160,82,45
| style="background-color: #A0522D;" |
|-
|Silver || #C0C0C0 || 192,192,192
| style="background-color: #C0C0C0;" |
|-
|SkyBlue || #87CEEB || 135,206,235
| style="background-color: #87CEEB;" |
|-
|SlateBlue || #6A5ACD || 106,90,205
| style="background-color: #6A5ACD;" |
|-
|SlateGray || #708090 || 112,128,144
| style="background-color: #708090;" |
|-
|Snow || #FFFAFA || 255,250,250
| style="background-color: #FFFAFA;" |
|-
|SpringGreen || #00FF7F || 0,255,127
| style="background-color: #00FF7F;" |
|-
|SteelBlue || #4682B4 || 70,130,180
| style="background-color: #4682B4;" |
|-
|Tan || #D2B48C || 210,180,140
| style="background-color: #D2B48C;" |
|-
|Teal || #008080 || 0,128,128
| style="background-color: #008080;" |
|-
|Thistle || #D8BFD8 || 216,191,216
| style="background-color: #D8BFD8;" |
|-
|Tomato || #FF6347 || 255,99,71
| style="background-color: #FF6347;" |
|-
|Turquoise || #40E0D0 || 64,224,208
| style="background-color: #40E0D0;" |
|-
|Violet || #EE82EE || 238,130,238
| style="background-color: #EE82EE;" |
|-
|Wheat || #F5DEB3 || 245,222,179
| style="background-color: #F5DEB3;" |
|-
|White || #FFFFFF || 255,255,255
| style="background-color: #FFFFFF;" |
|-
|WhiteSmoke || #F5F5F5 || 245,245,245
| style="background-color: #F5F5F5;" |
|-
|Yellow || #FFFF00 || 255,255,0
| style="background-color: #FFFF00;" |
|-
|YellowGreen || #9ACD32 || 154,205,50
| style="background-color: #9ACD32;" |
|}