减小字体
增大字体- ·上一篇内容：HTML 颜色
- ·下一篇内容：HTML使用RGB和RGBA设置颜色
HTML 颜色名称
所有现代浏览器都支持140种颜色的名称，下面给出这些颜色的名称、对应的十六进制以及显示效果。
你可以直接复制颜色名称或十六进制颜色值为自己的元素对象进行设置颜色。
Black
#000000
#000000
Navy
#000080
#000080
DarkBlue
#00008B
#00008B
MediumBlue
#0000CD
#0000CD
Blue
#0000FF
#0000FF
DarkGreen
#006400
#006400
Green
#008000
#008000
Teal
#008080
#008080
DarkCyan
#008B8B
#008B8B
DeepSkyBlue
#00BFFF
#00BFFF
DarkTurquoise
#00CED1
#00CED1
MediumSpringGreen
#00FA9A
#00FA9A
Lime
#00FF00
#00FF00
SpringGreen
#00FF7F
#00FF7F
Aqua
#00FFFF
#00FFFF
Cyan
#00FFFF
#00FFFF
MidnightBlue
#191970
#191970
DodgerBlue
#1E90FF
#1E90FF
LightSeaGreen
#20B2AA
#20B2AA
ForestGreen
#228B22
#228B22
SeaGreen
#2E8B57
#2E8B57
DarkSlateGray
#2F4F4F
#2F4F4F
DarkSlateGrey
#2F4F4F
#2F4F4F
LimeGreen
#32CD32
#32CD32
MediumSeaGreen
#3CB371
#3CB371
Turquoise
#40E0D0
#40E0D0
RoyalBlue
#4169E1
#4169E1
SteelBlue
#4682B4
#4682B4
DarkSlateBlue
#483D8B
#483D8B
MediumTurquoise
#48D1CC
#48D1CC
Indigo
#4B0082
#4B0082
DarkOliveGreen
#556B2F
#556B2F
CadetBlue
#5F9EA0
#5F9EA0
CornflowerBlue
#6495ED
#6495ED
RebeccaPurple
#663399
#663399
MediumAquaMarine
#66CDAA
#66CDAA
DimGray
#696969
#696969
DimGrey
#696969
#696969
SlateBlue
#6A5ACD
#6A5ACD
OliveDrab
#6B8E23
#6B8E23
SlateGray
#708090
#708090
SlateGrey
#708090
#708090
LightSlateGray
#778899
#778899
LightSlateGrey
#778899
#778899
MediumSlateBlue
#7B68EE
#7B68EE
LawnGreen
#7CFC00
#7CFC00
Chartreuse
#7FFF00
#7FFF00
Aquamarine
#7FFFD4
#7FFFD4
Maroon
#800000
#800000
Purple
#800080
#800080
Olive
#808000
#808000
Gray
#808080
#808080
Grey
#808080
#808080
SkyBlue
#87CEEB
#87CEEB
LightSkyBlue
#87CEFA
#87CEFA
BlueViolet
#8A2BE2
#8A2BE2
DarkRed
#8B0000
#8B0000
DarkMagenta
#8B008B
#8B008B
SaddleBrown
#8B4513
#8B4513
DarkSeaGreen
#8FBC8F
#8FBC8F
LightGreen
#90EE90
#90EE90
MediumPurple
#9370DB
#9370DB
DarkViolet
#9400D3
#9400D3
PaleGreen
#98FB98
#98FB98
DarkOrchid
#9932CC
#9932CC
YellowGreen
#9ACD32
#9ACD32
Sienna
#A0522D
#A0522D
Brown
#A52A2A
#A52A2A
DarkGray
#A9A9A9
#A9A9A9
DarkGrey
#A9A9A9
#A9A9A9
LightBlue
#ADD8E6
#ADD8E6
GreenYellow
#ADFF2F
#ADFF2F
PaleTurquoise
#AFEEEE
#AFEEEE
LightSteelBlue
#B0C4DE
#B0C4DE
PowderBlue
#B0E0E6
#B0E0E6
FireBrick
#B22222
#B22222
DarkGoldenRod
#B8860B
#B8860B
MediumOrchid
#BA55D3
#BA55D3
RosyBrown
#BC8F8F
#BC8F8F
DarkKhaki
#BDB76B
#BDB76B
Silver
#C0C0C0
#C0C0C0
MediumVioletRed
#C71585
#C71585
IndianRed
#CD5C5C
#CD5C5C
Peru
#CD853F
#CD853F
Chocolate
#D2691E
#D2691E
Tan
#D2B48C
#D2B48C
LightGray
#D3D3D3
#D3D3D3
LightGrey
#D3D3D3
#D3D3D3
Thistle
#D8BFD8
#D8BFD8
Orchid
#DA70D6
#DA70D6
GoldenRod
#DAA520
#DAA520
PaleVioletRed
#DB7093
#DB7093
Crimson
#DC143C
#DC143C
Gainsboro
#DCDCDC
#DCDCDC
Plum
#DDA0DD
#DDA0DD
BurlyWood
#DEB887
#DEB887
LightCyan
#E0FFFF
#E0FFFF
Lavender
#E6E6FA
#E6E6FA
DarkSalmon
#E9967A
#E9967A
Violet
#EE82EE
#EE82EE
PaleGoldenRod
#EEE8AA
#EEE8AA
LightCoral
#F08080
#F08080
Khaki
#F0E68C
#F0E68C
AliceBlue
#F0F8FF
#F0F8FF
HoneyDew
#F0FFF0
#F0FFF0
Azure
#F0FFFF
#F0FFFF
SandyBrown
#F4A460
#F4A460
Wheat
#F5DEB3
#F5DEB3
Beige
#F5F5DC
#F5F5DC
WhiteSmoke
#F5F5F5
#F5F5F5
MintCream
#F5FFFA
#F5FFFA
GhostWhite
#F8F8FF
#F8F8FF
Salmon
#FA8072
#FA8072
AntiqueWhite
#FAEBD7
#FAEBD7
Linen
#FAF0E6
#FAF0E6
LightGoldenRodYellow
#FAFAD2
#FAFAD2
OldLace
#FDF5E6
#FDF5E6
Red
#FF0000
#FF0000
Fuchsia
#FF00FF
#FF00FF
Magenta
#FF00FF
#FF00FF
DeepPink
#FF1493
#FF1493
OrangeRed
#FF4500
#FF4500
Tomato
#FF6347
#FF6347
HotPink
#FF69B4
#FF69B4
Coral
#FF7F50
#FF7F50
DarkOrange
#FF8C00
#FF8C00
LightSalmon
#FFA07A
#FFA07A
Orange
#FFA500
#FFA500
LightPink
#FFB6C1
#FFB6C1
Pink
#FFC0CB
#FFC0CB
Gold
#FFD700
#FFD700
PeachPuff
#FFDAB9
#FFDAB9
NavajoWhite
#FFDEAD
#FFDEAD
Moccasin
#FFE4B5
#FFE4B5
Bisque
#FFE4C4
#FFE4C4
MistyRose
#FFE4E1
#FFE4E1
BlanchedAlmond
#FFEBCD
#FFEBCD
PapayaWhip
#FFEFD5
#FFEFD5
LavenderBlush
#FFF0F5
#FFF0F5
SeaShell
#FFF5EE
#FFF5EE
Cornsilk
#FFF8DC
#FFF8DC
LemonChiffon
#FFFACD
#FFFACD
FloralWhite
#FFFAF0
#FFFAF0
Snow
#FFFAFA
#FFFAFA
Yellow
#FFFF00
#FFFF00
LightYellow
#FFFFE0
#FFFFE0
Ivory
#FFFFF0
#FFFFF0
White
#FFFFFF
#FFFFFF
这些颜色名称的使用方法，请参考：HTML 颜色
本文参考资料：https://www.w3schools.com/colors/colors_hex.asp
如对以上内容有疑问或文中有错误之处，请留言指出。如需转载，请注明出处：翔宇亭IT乐园（http://www.biye5u.com），并给出本文的链接地址：http://www.biye5u.com/article/html5/2023/6600.html。
微信搜索“优雅的代码”关注本站的公众号，或直接使用微信扫描下面二维码关注本站公众号，以获取最新内容。
个人成长离不开各位的关注，你的关注就是我继续前行的动力。
- 给好评 如果您觉得此内容好，就请您
0%(0) 
- 给差评 如果您觉得此内容差，就请您
0%(0) 