2024 年 9 月 27 日
•
阅读 2 分钟 颜色名称(color names) 根据颜色规则，现代浏览器支持 140 种颜色名称。这些颜色名称可以在浏览器 HTML 和 CSS 中使用，显示渲染出想要的颜色。下面列出这些颜色名称与其对应的 Hex 颜色编码和 RGB 颜色编码。
红色系颜色名称IndianRed#CD5C5CRGB(205, 92, 92)LightCoral#F08080RGB(240, 128, 128)Salmon#FA8072RGB(250, 128, 114)DarkSalmon#E9967ARGB(233, 150, 122)LightSalmon#FFA07ARGB(255, 160, 122)Crimson#DC143CRGB(220, 20, 60)Red#FF0000RGB(255, 0, 0)FireBrick#B22222RGB(178, 34, 34)DarkRed#8B0000RGB(139, 0, 0)粉红色系颜色名称Pink#FFC0CBRGB(255, 192, 203)LightPink#FFB6C1RGB(255, 182, 193)HotPink#FF69B4RGB(255, 105, 180)DeepPink#FF1493RGB(255, 20, 147)MediumVioletRed#C71585RGB(199, 21, 133)PaleVioletRed#DB7093RGB(219, 112, 147)橙色系颜色名称LightSalmon#FFA07ARGB(255, 160, 122)Coral#FF7F50RGB(255, 127, 80)Tomato#FF6347RGB(255, 99, 71)OrangeRed#FF4500RGB(255, 69, 0)DarkOrange#FF8C00RGB(255, 140, 0)Orange#FFA500RGB(255, 165, 0)黄色系颜色名称Gold#FFD700RGB(255, 215, 0)Yellow#FFFF00RGB(255, 255, 0)LightYellow#FFFFE0RGB(255, 255, 224)LemonChiffon#FFFACDRGB(255, 250, 205)LightGoldenrodYellow#FAFAD2RGB(250, 250, 210)PapayaWhip#FFEFD5RGB(255, 239, 213)Moccasin#FFE4B5RGB(255, 228, 181)PeachPuff#FFDAB9RGB(255, 218, 185)PaleGoldenrod#EEE8AARGB(238, 232, 170)Khaki#F0E68CRGB(240, 230, 140)DarkKhaki#BDB76BRGB(189, 183, 107)紫色系颜色名称Lavender#E6E6FARGB(230, 230, 250)Thistle#D8BFD8RGB(216, 191, 216)Plum#DDA0DDRGB(221, 160, 221)Violet#EE82EERGB(238, 130, 238)Orchid#DA70D6RGB(218, 112, 214)Fuchsia#FF00FFRGB(255, 0, 255)Magenta#FF00FFRGB(255, 0, 255)MediumOrchid#BA55D3RGB(186, 85, 211)MediumPurple#9370DBRGB(147, 112, 219)RebeccaPurple#663399RGB(102, 51, 153)BlueViolet#8A2BE2RGB(138, 43, 226)DarkViolet#9400D3RGB(148, 0, 211)DarkOrchid#9932CCRGB(153, 50, 204)DarkMagenta#8B008BRGB(139, 0, 139)Purple#800080RGB(128, 0, 128)Indigo#4B0082RGB(75, 0, 130)SlateBlue#6A5ACDRGB(106, 90, 205)DarkSlateBlue#483D8BRGB(72, 61, 139)MediumSlateBlue#7B68EERGB(123, 104, 238)绿色系颜色名称GreenYellow#ADFF2FRGB(173, 255, 47)Chartreuse#7FFF00RGB(127, 255, 0)LawnGreen#7CFC00RGB(124, 252, 0)Lime#00FF00RGB(0, 255, 0)LimeGreen#32CD32RGB(50, 205, 50)PaleGreen#98FB98RGB(152, 251, 152)LightGreen#90EE90RGB(144, 238, 144)MediumSpringGreen#00FA9ARGB(0, 250, 154)SpringGreen#00FF7FRGB(0, 255, 127)MediumSeaGreen#3CB371RGB(60, 179, 113)SeaGreen#2E8B57RGB(46, 139, 87)ForestGreen#228B22RGB(34, 139, 34)Green#008000RGB(0, 128, 0)DarkGreen#006400RGB(0, 100, 0)YellowGreen#9ACD32RGB(154, 205, 50)OliveDrab#6B8E23RGB(107, 142, 35)Olive#808000RGB(128, 128, 0)DarkOliveGreen#556B2FRGB(85, 107, 47)MediumAquamarine#66CDAARGB(102, 205, 170)DarkSeaGreen#8FBC8BRGB(143, 188, 139)LightSeaGreen#20B2AARGB(32, 178, 170)DarkCyan#008B8BRGB(0, 139, 139)Teal#008080RGB(0, 128, 128)蓝色系颜色名称Aqua#00FFFFRGB(0, 255, 255)Cyan#00FFFFRGB(0, 255, 255)LightCyan#E0FFFFRGB(224, 255, 255)PaleTurquoise#AFEEEERGB(175, 238, 238)Aquamarine#7FFFD4RGB(127, 255, 212)Turquoise#40E0D0RGB(64, 224, 208)MediumTurquoise#48D1CCRGB(72, 209, 204)DarkTurquoise#00CED1RGB(0, 206, 209)CadetBlue#5F9EA0RGB(95, 158, 160)SteelBlue#4682B4RGB(70, 130, 180)LightSteelBlue#B0C4DERGB(176, 196, 222)PowderBlue#B0E0E6RGB(176, 224, 230)LightBlue#ADD8E6RGB(173, 216, 230)SkyBlue#87CEEBRGB(135, 206, 235)LightSkyBlue#87CEFARGB(135, 206, 250)DeepSkyBlue#00BFFFRGB(0, 191, 255)DodgerBlue#1E90FFRGB(30, 144, 255)CornflowerBlue#6495EDRGB(100, 149, 237)MediumSlateBlue#7B68EERGB(123, 104, 238)RoyalBlue#4169E1RGB(65, 105, 225)Blue#0000FFRGB(0, 0, 255)MediumBlue#0000CDRGB(0, 0, 205)DarkBlue#00008BRGB(0, 0, 139)Navy#000080RGB(0, 0, 128)MidnightBlue#191970RGB(25, 25, 112)棕色系颜色名称Cornsilk#FFF8DCRGB(255, 248, 220)BlanchedAlmond#FFEBCDRGB(255, 235, 205)Bisque#FFE4C4RGB(255, 228, 196)NavajoWhite#FFDEADRGB(255, 222, 173)Wheat#F5DEB3RGB(245, 222, 179)BurlyWood#DEB887RGB(222, 184, 135)Tan#D2B48CRGB(210, 180, 140)RosyBrown#BC8F8FRGB(188, 143, 143)SandyBrown#F4A460RGB(244, 164, 96)Goldenrod#DAA520RGB(218, 165, 32)DarkGoldenrod#B8860BRGB(184, 134, 11)Peru#CD853FRGB(205, 133, 63)Chocolate#D2691ERGB(210, 105, 30)SaddleBrown#8B4513RGB(139, 69, 19)Sienna#A0522DRGB(160, 82, 45)Brown#A52A2ARGB(165, 42, 42)Maroon#800000RGB(128, 0, 0)白色系颜色名称White#FFFFFFRGB(255, 255, 255)Snow#FFFAFARGB(255, 250, 250)HoneyDew#F0FFF0RGB(240, 255, 240)MintCream#F5FFFARGB(245, 255, 250)Azure#F0FFFFRGB(240, 255, 255)AliceBlue#F0F8FFRGB(240, 248, 255)GhostWhite#F8F8FFRGB(248, 248, 255)WhiteSmoke#F5F5F5RGB(245, 245, 245)SeaShell#FFF5EERGB(255, 245, 238)Beige#F5F5DCRGB(245, 245, 220)OldLace#FDF5E6RGB(253, 245, 230)FloralWhite#FFFAF0RGB(255, 250, 240)Ivory#FFFFF0RGB(255, 255, 240)AntiqueWhite#FAEBD7RGB(250, 235, 215)Linen#FAF0E6RGB(250, 240, 230)LavenderBlush#FFF0F5RGB(255, 240, 245)MistyRose#FFE4E1RGB(255, 228, 225)灰色系颜色名称Gainsboro#DCDCDCRGB(220, 220, 220)LightGray#D3D3D3RGB(211, 211, 211)Silver#C0C0C0RGB(192, 192, 192)DarkGray#A9A9A9RGB(169, 169, 169)Gray#808080RGB(128, 128, 128)DimGray#696969RGB(105, 105, 105)LightSlateGray#778899RGB(119, 136, 153)SlateGray#708090RGB(112, 128, 144)DarkSlateGray#2F4F4FRGB(47, 79, 79)Black#000000RGB(0, 0, 0)
怎样使用颜色名称
与 Hex 颜色编码一样，颜色名称可以用于 HTML 行内样式和单独的 CSS 样式表。
在 HTML 行内文档中：
Indian Red Title Text
Slate gray paragraph text
在 .css 样式表中：
/* 在 .css 样式表中 */
h1 {
color: IndianRed;
}
p {
color: SlateGray;
}
本文由 吳文俊 翻译，原文地址 color names
标签： css