HTML 颜色名

现代浏览器支持 140 种命名的颜色(如下表所示),这些英文名可以直接在 HTML 和 CSS 中作为颜色值使用。

此外,小伙伴们要清楚:不管是英文名关键字,还是十六进制值,它们都是不区分大小写的。

  • 如果使用英文名,比如 “红色” 使用 red、Red、RED 等来表示,都是可行的。
  • 如果使用十六进制值,比如 “红色” 使用 #FF0000、#ff0000等来表示,都是可行的。
红色系
效果 英文名 十六进制值
lightsalmon #FFA07A
salmon #FA8072
darksalmon #E9967A
indianred #CD5C5C
crimson #DC143C
red #FF0000
firebrick #B22222
darkred #8B0000
粉色系
效果 英文名 十六进制值
pink #FFC0CB
lightpink #FFB6C1
hotpink #FF69B4
deeppink #FF1493
palevioletred #DB7093
mediumvioletred #C71585
橙色系
效果 英文名 十六进制值
orange #FFA500
darkorange #FF8C00
coral #FF7F50
lightcoral #F08080
tomato #FF6347
orangered #FF4500
黄色系
效果 英文名 十六进制值
lightyellow #FFFFE0
lemonchiffon #FFFACD
lightgoldenrodyellow #FAFAD2
papayawhip #FFEFD5
moccasin #FFE4B5
peachpuff #FFDAB9
palegoldenrod #EEE8AA
khaki #F0E68C
darkkhaki #BDB76B
gold #FFD700
yellow #FFFF00
紫色系
效果 英文名 十六进制值
lavender #E6E6FA
thistle #D8BFD8
plum #DDA0DD
violet #EE82EE
orchid #DA70D6
fuchsia #FF00FF
magenta #FF00FF
mediumorchid #BA55D3
mediumpurple #9370DB
slateblue #6A5ACD
mediumslateblue #7B68EE
blueviolet #8A2BE2
darkorchid #9932CC
darkviolet #9400D3
darkmagenta #8B008B
purple #800080
rebeccapurple #663399
darkslateblue #483D8B
indigo #4B0082
绿色系
效果 英文名 十六进制值
palegreen #98FB98
lightgreen #90EE90
greenyellow #ADFF2F
chartreuse #7FFF00
lawngreen #7CFC00
lime #00FF00
mediumspringgreen #00FA9A
springgreen #00FF7F
limegreen #32CD32
mediumseagreen #3CB371
seagreen #2E8B57
forestgreen #228B22
green #008000
darkgreen #006400
darkseagreen #8FBC8B
yellowgreen #9ACD32
olivedrab #6B8E23
olive #808000
darkolivegreen #556B2F
mediumaquamarine #66CDAA
lightseagreen #20B2AA
darkcyan #008B8B
teal #008080
蓝色系
效果 英文名 十六进制值
lightcyan #E0FFFF
paleturquoise #AFEEEE
powderblue #B0E0E6
lightblue #ADD8E6
lightsteelblue #B0C4DE
skyblue #87CEEB
lightskyblue #87CEFA
aquamarine #7FFFD4
aqua #00FFFF
cyan #00FFFF
turquoise #40E0D0
mediumturquoise #48D1CC
darkturquoise #00CED1
cadetblue #5F9EA0
deepskyblue #00BFFF
dodgerblue #1E90FF
cornflowerblue #6495ED
mediumslateblue #7B68EE
royalblue #4169E1
steelblue #4682B4
blue #0000FF
mediumblue #0000CD
darkblue #00008B
navy #000080
midnightblue #191970
棕色系
效果 英文名 十六进制值
cornsilk #FFF8DC
blanchedalmond #FFEBCD
bisque #FFE4C4
navajowhite #FFDEAD
wheat #F5DEB3
burlywood #DEB887
tan #D2B48C
sandybrown #F4A460
goldenrod #DAA520
darkgoldenrod #B8860B
peru #CD853F
chocolate #D2691E
rosybrown #BC8F8F
sienna #A0522D
saddlebrown #8B4513
brown #A52A2A
maroon #800000
白色系
效果 英文名 十六进制值
white #FFFFFF
snow #FFFAFA
honeydew #F0FFF0
mintcream #F5FFFA
azure #F0FFFF
aliceblue #F0F8FF
ghostwhite #F8F8FF
whitesmoke #F5F5F5
ivory #FFFFF0
floralwhite #FFFAF0
oldlace #FDF5E6
seashell #FFF5EE
linen #FAF0E6
antiquewhite #FAEBD7
beige #F5F5DC
lavenderblush #FFF0F5
mistyrose #FFE4E1
灰色系
效果 英文名 十六进制值
gainsboro #DCDCDC
lightgray #D3D3D3
silver #C0C0C0
darkgray #A9A9A9
gray #808080
dimgray #696969
lightslategray #778899
slategray #708090
darkslategray #2F4F4F
black #000000

上一篇: ASCII 码表

下一篇: HTML 特殊字符

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号