CSS 颜色
在 CSS 中可以使用颜色名来为元素设定样式。颜色名是一组经过预先设定的好词汇，每个词汇都对应着一种明确的色彩。
颜色名共计 140 种，所有浏览器均支持使用这些颜色名称，为 Web 开发者提供了便捷、统一的色彩调用方式。
粉红色系颜色（12 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| DeepPink |
|
#FF1493 |
rgb(255, 20, 147) |
| HotPink |
|
#FF69B4 |
rgb(255, 105, 180) |
| LightPink |
|
#FFB6C1 |
rgb(255, 182, 193) |
| MediumVioletRed |
|
#C71585 |
rgb(199, 21, 133) |
| PaleVioletRed |
|
#DB7093 |
rgb(219, 112, 147) |
| Pink |
|
#FFC0CB |
rgb(255, 192, 203) |
| Salmon |
|
#FA8072 |
rgb(250, 128, 114) |
| LightSalmon |
|
#FFA07A |
rgb(255, 160, 122) |
| IndianRed |
|
#CD5C5C |
rgb(205, 92, 92) |
| RosyBrown |
|
#BC8F8F |
rgb(188, 143, 143) |
| LavenderBlush |
|
#FFF0F5 |
rgb(255, 240, 245) |
| Thistle |
|
#D8BFD8 |
rgb(216, 191, 216) |
紫色系颜色（14 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| Indigo |
|
#4B0082 |
rgb(75, 0, 130) |
| DarkMagenta |
|
#8B008B |
rgb(139, 0, 139) |
| DarkViolet |
|
#9400D3 |
rgb(148, 0, 211) |
| DarkOrchid |
|
#9932CC |
rgb(153, 50, 204) |
| MediumOrchid |
|
#BA55D3 |
rgb(186, 85, 211) |
| MediumPurple |
|
#9370DB |
rgb(147, 112, 219) |
| BlueViolet |
|
#8A2BE2 |
rgb(138, 43, 226) |
| DarkSlateBlue |
|
#483D8B |
rgb(72, 61, 139) |
| SlateBlue |
|
#6A5ACD |
rgb(106, 90, 205) |
| MediumSlateBlue |
|
#7B68EE |
rgb(123, 104, 238) |
| Orchid |
|
#DA70D6 |
rgb(218, 112, 214) |
| Plum |
|
#DDA0DD |
rgb(221, 160, 221) |
| Violet |
|
#EE82EE |
rgb(238, 130, 238) |
| Magenta/Fuchsia |
|
#FF00FF |
rgb(255, 0, 255) |
红色系颜色（12 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| Red |
|
#FF0000 |
rgb(255, 0, 0) |
| Crimson |
|
#DC143C |
rgb(220, 20, 60) |
| FireBrick |
|
#B22222 |
rgb(178, 34, 34) |
| DarkRed |
|
#8B0000 |
rgb(139, 0, 0) |
| Maroon |
|
#800000 |
rgb(128, 0, 0) |
| IndianRed |
|
#CD5C5C |
rgb(205, 92, 92) |
| LightCoral |
|
#F08080 |
rgb(240, 128, 128) |
| Salmon |
|
#FA8072 |
rgb(250, 128, 114) |
| DarkSalmon |
|
#E9967A |
rgb(233, 150, 122) |
| LightSalmon |
|
#FFA07A |
rgb(255, 160, 122) |
| Tomato |
|
#FF6347 |
rgb(255, 99, 71) |
| OrangeRed |
|
#FF4500 |
rgb(255, 69, 0) |
橙色系颜色（6 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| Orange |
|
#FFA500 |
rgb(255, 165, 0) |
| DarkOrange |
|
#FF8C00 |
rgb(255, 140, 0) |
| Coral |
|
#FF7F50 |
rgb(255, 127, 80) |
| Tomato |
|
#FF6347 |
rgb(255, 99, 71) |
| OrangeRed |
|
#FF4500 |
rgb(255, 69, 0) |
| Gold |
|
#FFD700 |
rgb(255, 215, 0) |
黄色系颜色（16 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| Yellow |
|
#FFFF00 |
rgb(255, 255, 0) |
| LightYellow |
|
#FFFFE0 |
rgb(255, 255, 224) |
| LemonChiffon |
|
#FFFACD |
rgb(255, 250, 205) |
| LightGoldenRodYellow |
|
#FAFAD2 |
rgb(250, 250, 210) |
| PapayaWhip |
|
#FFEFD5 |
rgb(255, 239, 213) |
| Moccasin |
|
#FFE4B5 |
rgb(255, 228, 181) |
| PeachPuff |
|
#FFDAB9 |
rgb(255, 218, 185) |
| PaleGoldenRod |
|
#EEE8AA |
rgb(238, 232, 170) |
| Khaki |
|
#F0E68C |
rgb(240, 230, 140) |
| DarkKhaki |
|
#BDB76B |
rgb(189, 183, 107) |
| Gold |
|
#FFD700 |
rgb(255, 215, 0) |
| GoldenRod |
|
#DAA520 |
rgb(218, 165, 32) |
| DarkGoldenRod |
|
#B8860B |
rgb(184, 134, 11) |
| RosyBrown |
|
#BC8F8F |
rgb(188, 143, 143) |
| SandyBrown |
|
#F4A460 |
rgb(244, 164, 96) |
| BurlyWood |
|
#DEB887 |
rgb(222, 184, 135) |
绿色系颜色（20 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| Green |
|
#008000 |
rgb(0, 128, 0) |
| Lime |
|
#00FF00 |
rgb(0, 255, 0) |
| LimeGreen |
|
#32CD32 |
rgb(50, 205, 50) |
| ForestGreen |
|
#228B22 |
rgb(34, 139, 34) |
| SeaGreen |
|
#2E8B57 |
rgb(46, 139, 87) |
| MediumSeaGreen |
|
#3CB371 |
rgb(60, 179, 113) |
| LightSeaGreen |
|
#20B2AA |
rgb(32, 178, 170) |
| DarkGreen |
|
#006400 |
rgb(0, 100, 0) |
| Olive |
|
#808000 |
rgb(128, 128, 0) |
| OliveDrab |
|
#6B8E23 |
rgb(107, 142, 35) |
| YellowGreen |
|
#9ACD32 |
rgb(154, 205, 50) |
| LawnGreen |
|
#7CFC00 |
rgb(124, 252, 0) |
| Chartreuse |
|
#7FFF00 |
rgb(127, 255, 0) |
| GreenYellow |
|
#ADFF2F |
rgb(173, 255, 47) |
| SpringGreen |
|
#00FF7F |
rgb(0, 255, 127) |
| MediumSpringGreen |
|
#00FA9A |
rgb(0, 250, 154) |
| DarkSeaGreen |
|
#8FBC8F |
rgb(143, 188, 143) |
| LightGreen |
|
#90EE90 |
rgb(144, 238, 144) |
| PaleGreen |
|
#98FB98 |
rgb(152, 251, 152) |
| MediumAquamarine |
|
#66CDAA |
rgb(102, 205, 170) |
青色系颜色（9 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| Aqua/Cyan |
|
#00FFFF |
rgb(0, 255, 255) |
| LightCyan |
|
#E0FFFF |
rgb(224, 255, 255) |
| PaleTurquoise |
|
#AFEEEE |
rgb(175, 238, 238) |
| Turquoise |
|
#40E0D0 |
rgb(64, 224, 208) |
| MediumTurquoise |
|
#48D1CC |
rgb(72, 209, 204) |
| DarkTurquoise |
|
#00CED1 |
rgb(0, 206, 209) |
| CadetBlue |
|
#5F9EA0 |
rgb(95, 158, 160) |
| SteelBlue |
|
#4682B4 |
rgb(70, 130, 180) |
| PowderBlue |
|
#B0E0E6 |
rgb(176, 224, 230) |
蓝色系颜色（18 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| Blue |
|
#0000FF |
rgb(0, 0, 255) |
| Navy |
|
#000080 |
rgb(0, 0, 128) |
| MediumBlue |
|
#0000CD |
rgb(0, 0, 205) |
| RoyalBlue |
|
#4169E1 |
rgb(65, 105, 225) |
| DodgerBlue |
|
#1E90FF |
rgb(30, 144, 255) |
| LightBlue |
|
#ADD8E6 |
rgb(173, 216, 230) |
| LightSkyBlue |
|
#87CEFA |
rgb(135, 206, 250) |
| SkyBlue |
|
#00BFFF |
rgb(0, 191, 255) |
| SteelBlue |
|
#4682B4 |
rgb(70, 130, 180) |
| LightSteelBlue |
|
#B0C4DE |
rgb(176, 196, 222) |
| CornflowerBlue |
|
#6495ED |
rgb(100, 149, 237) |
| AliceBlue |
|
#F0F8FF |
rgb(240, 248, 255) |
| Azure |
|
#F0FFFF |
rgb(240, 255, 255) |
| SlateGray |
|
#708090 |
rgb(112, 128, 144) |
| LightSlateGray |
|
#778899 |
rgb(119, 136, 153) |
棕色系颜色（11 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| Brown |
|
#A52A2A |
rgb(165, 42, 42) |
| Sienna |
|
#A0522D |
rgb(160, 82, 45) |
| Chocolate |
|
#D2691E |
rgb(210, 105, 30) |
| SaddleBrown |
|
#8B4513 |
rgb(139, 69, 19) |
| IndianRed |
|
#CD5C5C |
rgb(205, 92, 92) |
| Peru |
|
#CD853F |
rgb(205, 133, 63) |
| Burlywood |
|
#DEB887 |
rgb(222, 184, 135) |
| Tan |
|
#D2B48C |
rgb(210, 180, 140) |
| RosyBrown |
|
#BC8F8F |
rgb(188, 143, 143) |
| Wheat |
|
#F5DEB3 |
rgb(245, 222, 179) |
| AntiqueWhite |
|
#FAEBD7 |
rgb(250, 235, 215) |
白色系颜色（15 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| White |
|
#FFFFFF |
rgb(255, 255, 255) |
| Snow |
|
#FFFAFA |
rgb(255, 250, 250) |
| Honeydew |
|
#F0FFF0 |
rgb(240, 255, 240) |
| MintCream |
|
#F5FFFA |
rgb(245, 255, 250) |
| Azure |
|
#F0FFFF |
rgb(240, 255, 255) |
| AliceBlue |
|
#F0F8FF |
rgb(240, 248, 255) |
| GhostWhite |
|
#F8F8FF |
rgb(248, 248, 255) |
| WhiteSmoke |
|
#F5F5F5 |
rgb(245, 245, 245) |
| Seashell |
|
#FFF5EE |
rgb(255, 245, 238) |
| Beige |
|
#F5F5DC |
rgb(245, 245, 220) |
| OldLace |
|
#FDF5E6 |
rgb(253, 245, 230) |
| FloralWhite |
|
#FFFAF0 |
rgb(255, 250, 240) |
| Ivory |
|
#FFFFF0 |
rgb(255, 255, 240) |
| Linen |
|
#FAF0E6 |
rgb(250, 240, 230) |
| Azure2 |
|
#E0FFFF |
rgb(224, 255, 255) |
灰色系颜色（11 款）
| 颜色名称 |
颜色效果 |
HEX 颜色值 |
RGB 颜色值 |
| Gray |
|
#808080 |
rgb(128, 128, 128) |
| Silver |
|
#C0C0C0 |
rgb(192, 192, 192) |
| DarkGray |
|
#A9A9A9 |
rgb(169, 169, 169) |
| LightGray |
|
#D3D3D3 |
rgb(211, 211, 211) |
| DimGray |
|
#696969 |
rgb(105, 105, 105) |
| LightSlateGray |
|
#778899 |
rgb(119, 136, 153) |
| SlateGray |
|
#708090 |
rgb(112, 128, 144) |
| DarkSlateGray |
|
#2F4F4F |
rgb(47, 79, 79) |
| Gainsboro |
|
#DCDCDC |
rgb(220, 220, 220) |
| LightSteelBlue |
|
#B0C4DE |
rgb(176, 196, 222) |
| Azure3 |
|
#C1CDCD |
rgb(193, 205, 205) |
