CSS 颜色名 · W3School CSS 参考手册

# CSS 颜色名 ## CSS 颜色名所有浏览器都支持的颜色名。 HTML 和 CSS 颜色规范中定义了 147 中颜色名（17 种标准颜色加 130 种其他颜色）。下面的表格中列出了所有这些颜色，以及它们的十六进制值。提示：17 种标准色是 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow。点击颜色名（或十六进制值）来查看这种颜色作为背景色搭配不同的文本颜色： ## 以颜色名排序 [根据十六进制值排序的相同列表](/cssref/css_colorsfull.asp "CSS 颜色十六进制值") | 颜色名 | 十六进制颜色值 | 颜色 | | --- | --- | --- | | [AliceBlue](/tiy/color.asp?color=AliceBlue) | [#F0F8FF](/tiy/color.asp?hex=F0F8FF) | | [AntiqueWhite](/tiy/color.asp?color=AntiqueWhite) | [#FAEBD7](/tiy/color.asp?hex=FAEBD7) | | [Aqua](/tiy/color.asp?color=Aqua) | [#00FFFF](/tiy/color.asp?hex=00FFFF) | | [Aquamarine](/tiy/color.asp?color=Aquamarine) | [#7FFFD4](/tiy/color.asp?hex=7FFFD4) | | [Azure](/tiy/color.asp?color=Azure) | [#F0FFFF](/tiy/color.asp?hex=F0FFFF) | | [Beige](/tiy/color.asp?color=Beige) | [#F5F5DC](/tiy/color.asp?hex=F5F5DC) | | [Bisque](/tiy/color.asp?color=Bisque) | [#FFE4C4](/tiy/color.asp?hex=FFE4C4) | | [Black](/tiy/color.asp?color=Black) | [#000000](/tiy/color.asp?hex=000000) | | [BlanchedAlmond](/tiy/color.asp?color=BlanchedAlmond) | [#FFEBCD](/tiy/color.asp?hex=FFEBCD) | | [Blue](/tiy/color.asp?color=Blue) | [#0000FF](/tiy/color.asp?hex=0000FF) | | [BlueViolet](/tiy/color.asp?color=BlueViolet) | [#8A2BE2](/tiy/color.asp?hex=8A2BE2) | | [Brown](/tiy/color.asp?color=Brown) | [#A52A2A](/tiy/color.asp?hex=A52A2A) | | [BurlyWood](/tiy/color.asp?color=BurlyWood) | [#DEB887](/tiy/color.asp?hex=DEB887) | | [CadetBlue](/tiy/color.asp?color=CadetBlue) | [#5F9EA0](/tiy/color.asp?hex=5F9EA0) | | [Chartreuse](/tiy/color.asp?color=Chartreuse) | [#7FFF00](/tiy/color.asp?hex=7FFF00) | | [Chocolate](/tiy/color.asp?color=Chocolate) | [#D2691E](/tiy/color.asp?hex=D2691E) | | [Coral](/tiy/color.asp?color=Coral) | [#FF7F50](/tiy/color.asp?hex=FF7F50) | | [CornflowerBlue](/tiy/color.asp?color=CornflowerBlue) | [#6495ED](/tiy/color.asp?hex=6495ED) | | [Cornsilk](/tiy/color.asp?color=Cornsilk) | [#FFF8DC](/tiy/color.asp?hex=FFF8DC) | | [Crimson](/tiy/color.asp?color=Crimson) | [#DC143C](/tiy/color.asp?hex=DC143C) | | [Cyan](/tiy/color.asp?color=Cyan) | [#00FFFF](/tiy/color.asp?hex=00FFFF) | | [DarkBlue](/tiy/color.asp?color=DarkBlue) | [#00008B](/tiy/color.asp?hex=00008B) | | [DarkCyan](/tiy/color.asp?color=DarkCyan) | [#008B8B](/tiy/color.asp?hex=008B8B) | | [DarkGoldenRod](/tiy/color.asp?color=DarkGoldenRod) | [#B8860B](/tiy/color.asp?hex=B8860B) | | [DarkGray](/tiy/color.asp?color=DarkGray) | [#A9A9A9](/tiy/color.asp?hex=A9A9A9) | | [DarkGreen](/tiy/color.asp?color=DarkGreen) | [#006400](/tiy/color.asp?hex=006400) | | [DarkKhaki](/tiy/color.asp?color=DarkKhaki) | [#BDB76B](/tiy/color.asp?hex=BDB76B) | | [DarkMagenta](/tiy/color.asp?color=DarkMagenta) | [#8B008B](/tiy/color.asp?hex=8B008B) | | [DarkOliveGreen](/tiy/color.asp?color=DarkOliveGreen) | [#556B2F](/tiy/color.asp?hex=556B2F) | | [Darkorange](/tiy/color.asp?color=Darkorange) | [#FF8C00](/tiy/color.asp?hex=FF8C00) | | [DarkOrchid](/tiy/color.asp?color=DarkOrchid) | [#9932CC](/tiy/color.asp?hex=9932CC) | | [DarkRed](/tiy/color.asp?color=DarkRed) | [#8B0000](/tiy/color.asp?hex=8B0000) | | [DarkSalmon](/tiy/color.asp?color=DarkSalmon) | [#E9967A](/tiy/color.asp?hex=E9967A) | | [DarkSeaGreen](/tiy/color.asp?color=DarkSeaGreen) | [#8FBC8F](/tiy/color.asp?hex=8FBC8F) | | [DarkSlateBlue](/tiy/color.asp?color=DarkSlateBlue) | [#483D8B](/tiy/color.asp?hex=483D8B) | | [DarkSlateGray](/tiy/color.asp?color=DarkSlateGray) | [#2F4F4F](/tiy/color.asp?hex=2F4F4F) | | [DarkTurquoise](/tiy/color.asp?color=DarkTurquoise) | [#00CED1](/tiy/color.asp?hex=00CED1) | | [DarkViolet](/tiy/color.asp?color=DarkViolet) | [#9400D3](/tiy/color.asp?hex=9400D3) | | [DeepPink](/tiy/color.asp?color=DeepPink) | [#FF1493](/tiy/color.asp?hex=FF1493) | | [DeepSkyBlue](/tiy/color.asp?color=DeepSkyBlue) | [#00BFFF](/tiy/color.asp?hex=00BFFF) | | [DimGray](/tiy/color.asp?color=DimGray) | [#696969](/tiy/color.asp?hex=696969) | | [DodgerBlue](/tiy/color.asp?color=DodgerBlue) | [#1E90FF](/tiy/color.asp?hex=1E90FF) | | [Feldspar](/tiy/color.asp?color=Feldspar) | [#D19275](/tiy/color.asp?hex=D19275) | | [FireBrick](/tiy/color.asp?color=FireBrick) | [#B22222](/tiy/color.asp?hex=B22222) | | [FloralWhite](/tiy/color.asp?color=FloralWhite) | [#FFFAF0](/tiy/color.asp?hex=FFFAF0) | | [ForestGreen](/tiy/color.asp?color=ForestGreen) | [#228B22](/tiy/color.asp?hex=228B22) | | [Fuchsia](/tiy/color.asp?color=Fuchsia) | [#FF00FF](/tiy/color.asp?hex=FF00FF) | | [Gainsboro](/tiy/color.asp?color=Gainsboro) | [#DCDCDC](/tiy/color.asp?hex=DCDCDC) | | [GhostWhite](/tiy/color.asp?color=GhostWhite) | [#F8F8FF](/tiy/color.asp?hex=F8F8FF) | | [Gold](/tiy/color.asp?color=Gold) | [#FFD700](/tiy/color.asp?hex=FFD700) | | [GoldenRod](/tiy/color.asp?color=GoldenRod) | [#DAA520](/tiy/color.asp?hex=DAA520) | | [Gray](/tiy/color.asp?color=Gray) | [#808080](/tiy/color.asp?hex=808080) | | [Green](/tiy/color.asp?color=Green) | [#008000](/tiy/color.asp?hex=008000) | | [GreenYellow](/tiy/color.asp?color=GreenYellow) | [#ADFF2F](/tiy/color.asp?hex=ADFF2F) | | [HoneyDew](/tiy/color.asp?color=HoneyDew) | [#F0FFF0](/tiy/color.asp?hex=F0FFF0) | | [HotPink](/tiy/color.asp?color=HotPink) | [#FF69B4](/tiy/color.asp?hex=FF69B4) | | [IndianRed](/tiy/color.asp?color=IndianRed ) | [#CD5C5C](/tiy/color.asp?hex=CD5C5C) | | [Indigo](/tiy/color.asp?color=Indigo ) | [#4B0082](/tiy/color.asp?hex=4B0082) | | [Ivory](/tiy/color.asp?color=Ivory) | [#FFFFF0](/tiy/color.asp?hex=FFFFF0) | | [Khaki](/tiy/color.asp?color=Khaki) | [#F0E68C](/tiy/color.asp?hex=F0E68C) | | [Lavender](/tiy/color.asp?color=Lavender) | [#E6E6FA](/tiy/color.asp?hex=E6E6FA) | | [LavenderBlush](/tiy/color.asp?color=LavenderBlush) | [#FFF0F5](/tiy/color.asp?hex=FFF0F5) | | [LawnGreen](/tiy/color.asp?color=LawnGreen) | [#7CFC00](/tiy/color.asp?hex=7CFC00) | | [LemonChiffon](/tiy/color.asp?color=LemonChiffon) | [#FFFACD](/tiy/color.asp?hex=FFFACD) | | [LightBlue](/tiy/color.asp?color=LightBlue) | [#ADD8E6](/tiy/color.asp?hex=ADD8E6) | | [LightCoral](/tiy/color.asp?color=LightCoral) | [#F08080](/tiy/color.asp?hex=F08080) | | [LightCyan](/tiy/color.asp?color=LightCyan) | [#E0FFFF](/tiy/color.asp?hex=E0FFFF) | | [LightGoldenRodYellow](/tiy/color.asp?color=LightGoldenRodYellow) | [#FAFAD2](/tiy/color.asp?hex=FAFAD2) | | [LightGrey](/tiy/color.asp?color=LightGrey) | [#D3D3D3](/tiy/color.asp?hex=D3D3D3) | | [LightGreen](/tiy/color.asp?color=LightGreen) | [#90EE90](/tiy/color.asp?hex=90EE90) | | [LightPink](/tiy/color.asp?color=LightPink) | [#FFB6C1](/tiy/color.asp?hex=FFB6C1) | | [LightSalmon](/tiy/color.asp?color=LightSalmon) | [#FFA07A](/tiy/color.asp?hex=FFA07A) | | [LightSeaGreen](/tiy/color.asp?color=LightSeaGreen) | [#20B2AA](/tiy/color.asp?hex=20B2AA) | | [LightSkyBlue](/tiy/color.asp?color=LightSkyBlue) | [#87CEFA](/tiy/color.asp?hex=87CEFA) | | [LightSlateBlue](/tiy/color.asp?color=LightSlateBlue) | [#8470FF](/tiy/color.asp?hex=8470FF) | | [LightSlateGray](/tiy/color.asp?color=LightSlateGray) | [#778899](/tiy/color.asp?hex=778899) | | [LightSteelBlue](/tiy/color.asp?color=LightSteelBlue) | [#B0C4DE](/tiy/color.asp?hex=B0C4DE) | | [LightYellow](/tiy/color.asp?color=LightYellow) | [#FFFFE0](/tiy/color.asp?hex=FFFFE0) | | [Lime](/tiy/color.asp?color=Lime) | [#00FF00](/tiy/color.asp?hex=00FF00) | | [LimeGreen](/tiy/color.asp?color=LimeGreen) | [#32CD32](/tiy/color.asp?hex=32CD32) | | [Linen](/tiy/color.asp?color=Linen) | [#FAF0E6](/tiy/color.asp?hex=FAF0E6) | | [Magenta](/tiy/color.asp?color=Magenta) | [#FF00FF](/tiy/color.asp?hex=FF00FF) | | [Maroon](/tiy/color.asp?color=Maroon) | [#800000](/tiy/color.asp?hex=800000) | | [MediumAquaMarine](/tiy/color.asp?color=MediumAquaMarine) | [#66CDAA](/tiy/color.asp?hex=66CDAA) | | [MediumBlue](/tiy/color.asp?color=MediumBlue) | [#0000CD](/tiy/color.asp?hex=0000CD) | | [MediumOrchid](/tiy/color.asp?color=MediumOrchid) | [#BA55D3](/tiy/color.asp?hex=BA55D3) | | [MediumPurple](/tiy/color.asp?color=MediumPurple) | [#9370D8](/tiy/color.asp?hex=9370D8) | | [MediumSeaGreen](/tiy/color.asp?color=MediumSeaGreen) | [#3CB371](/tiy/color.asp?hex=3CB371) | | [MediumSlateBlue](/tiy/color.asp?color=MediumSlateBlue) | [#7B68EE](/tiy/color.asp?hex=7B68EE) | | [MediumSpringGreen](/tiy/color.asp?color=MediumSpringGreen) | [#00FA9A](/tiy/color.asp?hex=00FA9A) | | [MediumTurquoise](/tiy/color.asp?color=MediumTurquoise) | [#48D1CC](/tiy/color.asp?hex=48D1CC) | | [MediumVioletRed](/tiy/color.asp?color=MediumVioletRed) | [#C71585](/tiy/color.asp?hex=C71585) | | [MidnightBlue](/tiy/color.asp?color=MidnightBlue) | [#191970](/tiy/color.asp?hex=191970) | | [MintCream](/tiy/color.asp?color=MintCream) | [#F5FFFA](/tiy/color.asp?hex=F5FFFA) | | [MistyRose](/tiy/color.asp?color=MistyRose) | [#FFE4E1](/tiy/color.asp?hex=FFE4E1) | | [Moccasin](/tiy/color.asp?color=Moccasin) | [#FFE4B5](/tiy/color.asp?hex=FFE4B5) | | [NavajoWhite](/tiy/color.asp?color=NavajoWhite) | [#FFDEAD](/tiy/color.asp?hex=FFDEAD) | | [Navy](/tiy/color.asp?color=Navy) | [#000080](/tiy/color.asp?hex=000080) | | [OldLace](/tiy/color.asp?color=OldLace) | [#FDF5E6](/tiy/color.asp?hex=FDF5E6) | | [Olive](/tiy/color.asp?color=Olive) | [#808000](/tiy/color.asp?hex=808000) | | [OliveDrab](/tiy/color.asp?color=OliveDrab) | [#6B8E23](/tiy/color.asp?hex=6B8E23) | | [Orange](/tiy/color.asp?color=Orange) | [#FFA500](/tiy/color.asp?hex=FFA500) | | [OrangeRed](/tiy/color.asp?color=OrangeRed) | [#FF4500](/tiy/color.asp?hex=FF4500) | | [Orchid](/tiy/color.asp?color=Orchid) | [#DA70D6](/tiy/color.asp?hex=DA70D6) | | [PaleGoldenRod](/tiy/color.asp?color=PaleGoldenRod) | [#EEE8AA](/tiy/color.asp?hex=EEE8AA) | | [PaleGreen](/tiy/color.asp?color=PaleGreen) | [#98FB98](/tiy/color.asp?hex=98FB98) | | [PaleTurquoise](/tiy/color.asp?color=PaleTurquoise) | [#AFEEEE](/tiy/color.asp?hex=AFEEEE) | | [PaleVioletRed](/tiy/color.asp?color=PaleVioletRed) | [#D87093](/tiy/color.asp?hex=D87093) | | [PapayaWhip](/tiy/color.asp?color=PapayaWhip) | [#FFEFD5](/tiy/color.asp?hex=FFEFD5) | | [PeachPuff](/tiy/color.asp?color=PeachPuff) | [#FFDAB9](/tiy/color.asp?hex=FFDAB9) | | [Peru](/tiy/color.asp?color=Peru) | [#CD853F](/tiy/color.asp?hex=CD853F) | | [Pink](/tiy/color.asp?color=Pink) | [#FFC0CB](/tiy/color.asp?hex=FFC0CB) | | [Plum](/tiy/color.asp?color=Plum) | [#DDA0DD](/tiy/color.asp?hex=DDA0DD) | | [PowderBlue](/tiy/color.asp?color=PowderBlue) | [#B0E0E6](/tiy/color.asp?hex=B0E0E6) | | [Purple](/tiy/color.asp?color=Purple) | [#800080](/tiy/color.asp?hex=800080) | | [Red](/tiy/color.asp?color=Red) | [#FF0000](/tiy/color.asp?hex=FF0000) | | [RosyBrown](/tiy/color.asp?color=RosyBrown) | [#BC8F8F](/tiy/color.asp?hex=BC8F8F) | | [RoyalBlue](/tiy/color.asp?color=RoyalBlue) | [#4169E1](/tiy/color.asp?hex=4169E1) | | [SaddleBrown](/tiy/color.asp?color=SaddleBrown) | [#8B4513](/tiy/color.asp?hex=8B4513) | | [Salmon](/tiy/color.asp?color=Salmon) | [#FA8072](/tiy/color.asp?hex=FA8072) | | [SandyBrown](/tiy/color.asp?color=SandyBrown) | [#F4A460](/tiy/color.asp?hex=F4A460) | | [SeaGreen](/tiy/color.asp?color=SeaGreen) | [#2E8B57](/tiy/color.asp?hex=2E8B57) | | [SeaShell](/tiy/color.asp?color=SeaShell) | [#FFF5EE](/tiy/color.asp?hex=FFF5EE) | | [Sienna](/tiy/color.asp?color=Sienna) | [#A0522D](/tiy/color.asp?hex=A0522D) | | [Silver](/tiy/color.asp?color=Silver) | [#C0C0C0](/tiy/color.asp?hex=C0C0C0) | | [SkyBlue](/tiy/color.asp?color=SkyBlue) | [#87CEEB](/tiy/color.asp?hex=87CEEB) | | [SlateBlue](/tiy/color.asp?color=SlateBlue) | [#6A5ACD](/tiy/color.asp?hex=6A5ACD) | | [SlateGray](/tiy/color.asp?color=SlateGray) | [#708090](/tiy/color.asp?hex=708090) | | [Snow](/tiy/color.asp?color=Snow) | [#FFFAFA](/tiy/color.asp?hex=FFFAFA) | | [SpringGreen](/tiy/color.asp?color=SpringGreen) | [#00FF7F](/tiy/color.asp?hex=00FF7F) | | [SteelBlue](/tiy/color.asp?color=SteelBlue) | [#4682B4](/tiy/color.asp?hex=4682B4) | | [Tan](/tiy/color.asp?color=Tan) | [#D2B48C](/tiy/color.asp?hex=D2B48C) | | [Teal](/tiy/color.asp?color=Teal) | [#008080](/tiy/color.asp?hex=008080) | | [Thistle](/tiy/color.asp?color=Thistle) | [#D8BFD8](/tiy/color.asp?hex=D8BFD8) | | [Tomato](/tiy/color.asp?color=Tomato) | [#FF6347](/tiy/color.asp?hex=FF6347) | | [Turquoise](/tiy/color.asp?color=Turquoise) | [#40E0D0](/tiy/color.asp?hex=40E0D0) | | [Violet](/tiy/color.asp?color=Violet) | [#EE82EE](/tiy/color.asp?hex=EE82EE) | | [VioletRed](/tiy/color.asp?color=VioletRed) | [#D02090](/tiy/color.asp?hex=D02090) | | [Wheat](/tiy/color.asp?color=Wheat) | [#F5DEB3](/tiy/color.asp?hex=F5DEB3) | | [White](/tiy/color.asp?color=White) | [#FFFFFF](/tiy/color.asp?hex=FFFFFF) | | [WhiteSmoke](/tiy/color.asp?color=WhiteSmoke) | [#F5F5F5](/tiy/color.asp?hex=F5F5F5) | | [Yellow](/tiy/color.asp?color=Yellow) | [#FFFF00](/tiy/color.asp?hex=FFFF00) | | [YellowGreen](/tiy/color.asp?color=YellowGreen) | [#9ACD32](/tiy/color.asp?hex=9ACD32) |