最近在用flask做网页是会碰到HTML设置颜色问题，故在此mark一下颜色名称和其十六进制表达式，以便不时之需。
ps：因为我用的是深色背景，所以最后我最后用了庚斯博罗灰色：gainsboro
代码中直接在标签中style=”color=gainsboro”即可
效果如下图
| aliceblue (#f0f8ff) |
antiquewhite (#faebd7) |
aqua (#00ffff) |
aquamarine (#7fffd4) |
| azure (#f0ffff) |
beige (#f5f5dc) |
bisque (#ffe4c4) |
black (#000000) |
| blanchedalmond (#ffebcd) |
blue (#0000ff) |
blueviolet (#8a2be2) |
brown (#a52a2a) |
| burlywood (#deb887) |
cadetblue (#5f9ea0) |
chartreuse (#7fff00) |
chocolate (#d2691e) |
| coral (#ff7f50) |
cornflowerblue (#6495ed) |
cornsilk (#fff8dc) |
crimson (#dc143c) |
| cyan (#00ffff) |
darkblue (#00008b) |
darkcyan (#008b8b) |
darkgoldenrod (#b8860b) |
| darkgray (#a9a9a9) |
darkgreen (#006400) |
darkkhaki (#bdb76b) |
darkmagenta (#8b008b) |
| darkolivegreen (#556b2f) |
darkorange (#ff8c00) |
darkorchid (#9932cc) |
darkred (#8b0000) |
| darksalmon (#e9967a) |
darkseagreen (#8fbc8b) |
darkslateblue (#483d8b) |
darkslategray (#2f4f4f) |
| darkturquoise (#00ced1) |
darkviolet (#9400d3) |
deeppink (#ff1493) |
deepskyblue (#00bfff) |
| dimgray (#696969) |
dodgerblue (#1e90ff) |
firebrick (#b22222) |
floralwhite (#fffaf0) |
| forestgreen (#228b22) |
fuchsia (#ff00ff) |
gainsboro (#dcdcdc) |
ghostwhite (#f8f8ff) |
| gold (#ffd700) |
goldenrod (#daa520) |
gray (#808080) |
green (#008000) |
| greenyellow (#adff2f) |
honeydew (#f0fff0) |
hotpink (#ff69b4) |
indianred (#cd5c5c) |
| indigo (#4b0082) |
ivory (#fffff0) |
khaki (#f0e68c) |
lavender (#e6e6fa) |
| lavenderblush (#fff0f5) |
lawngreen (#7cfc00) |
lemonchiffon (#fffacd) |
lightblue (#add8e6) |
| lightcoral (#f08080) |
lightcyan (#e0ffff) |
lightgoldenrodyellow (#fafad2) |
lightgreen (#90ee90) |
| lightgrey (#d3d3d3) |
lightpink (#ffb6c1) |
lightsalmon (#ffa07a) |
lightseagreen (#20b2aa) |
| lightskyblue (#87cefa) |
lightslategray (#778899) |
lightsteelblue (#b0c4de) |
lightyellow (#ffffe0) |
| lime (#00ff00) |
limegreen (#32cd32) |
linen (#faf0e6) |
magenta (#ff00ff) |
| maroon (#800000) |
mediumaquamarine (#66cdaa) |
mediumblue (#0000cd) |
mediumorchid (#ba55d3) |
| mediumpurple (#9370db) |
mediumseagreen (#3cb371) |
mediumslateblue (#7b68ee) |
mediumspringgreen (#00fa9a) |
| mediumturquoise (#48d1cc) |
mediumvioletred (#c71585) |
midnightblue (#191970) |
mintcream (#f5fffa) |
| mistyrose (#ffe4e1) |
moccasin (#ffe4b5) |
navajowhite (#ffdead) |
navy (#000080) |
| oldlace (#fdf5e6) |
olive (#808000) |
olivedrab (#6b8e23) |
orange (#ffa500) |
| orangered (#ff4500) |
orchid (#da70d6) |
palegoldenrod (#eee8aa) |
palegreen (#98fb98) |
| paleturquoise (#afeeee) |
palevioletred (#db7093) |
papayawhip (#ffefd5) |
peachpuff (#ffdab9) |
| peru (#cd853f) |
pink (#ffc0cb) |
plum (#dda0dd) |
powderblue (#b0e0e6) |
| purple (#800080) |
red (#ff0000) |
rosybrown (#bc8f8f) |
royalblue (#4169e1) |
| saddlebrown (#8b4513) |
salmon (#fa8072) |
sandybrown (#f4a460) |
seagreen (#2e8b57) |
| seashell (#fff5ee) |
sienna (#a0522d) |
silver (#c0c0c0) |
skyblue (#87ceeb) |
| slateblue (#6a5acd) |
slategray (#708090) |
snow (#fffafa) |
springgreen (#00ff7f) |
| steelblue (#4682b4) |
tan (#d2b48c) |
teal (#008080) |
thistle (#d8bfd8) |
| tomato (#ff6347) |
turquoise (#40e0d0) |
violet (#ee82ee) |
wheat (#f5deb3) |
| white (#ffffff) |
whitesmoke (#f5f5f5) |
yellow (#ffff00) |
yellowgreen (#9acd32) |
英文代码 形像颜色 HEX格式 RGB格式
|
LightPink
|
浅粉色
|
#FFB6C1
|
255,182,193
|
|
Pink
|
粉红
|
#FFC0CB
|
255,192,203
|
|
Crimson
|
猩红
|
#DC143C
|
220,20,60
|
|
LavenderBlush
|
脸红的淡紫色
|
#FFF0F5
|
255,240,245
|
|
PaleVioletRed
|
苍白的紫罗兰红色
|
#DB7093
|
219,112,147
|
|
HotPink
|
热情的粉红
|
#FF69B4
|
255,105,180
|
|
DeepPink
|
深粉色
|
#FF1493
|
255,20,147
|
|
MediumVioletRed
|
适中的紫罗兰红色
|
#C71585
|
199,21,133
|
|
Orchid
|
兰花的紫色
|
#DA70D6
|
218,112,214
|
|
Thistle
|
蓟
|
#D8BFD8
|
216,191,216
|
|
plum
|
李子
|
#DDA0DD
|
221,160,221
|
|
Violet
|
紫罗兰
|
#EE82EE
|
238,130,238
|
|
Magenta
|
洋红
|
#FF00FF
|
255,0,255
|
|
Fuchsia
|
灯笼海棠（紫红色）
|
#FF00FF
|
255,0,255
|
|
DarkMagenta
|
深洋红色
|
#8B008B
|
139,0,139
|
|
Purple
|
紫色
|
#800080
|
128,0,128
|
|
MediumOrchid
|
适中的兰花紫
|
#BA55D3
|
186,85,211
|
|
DarkVoilet
|
深紫罗兰色
|
#9400D3
|
148,0,211
|
|
DarkOrchid
|
深兰花紫
|
#9932CC
|
153,50,204
|
|
Indigo
|
靛青
|
#4B0082
|
75,0,130
|
|
BlueViolet
|
深紫罗兰的蓝色
|
#8A2BE2
|
138,43,226
|
|
MediumPurple
|
适中的紫色
|
#9370DB
|
147,112,219
|
|
MediumSlateBlue
|
适中的板岩暗蓝灰色
|
#7B68EE
|
123,104,238
|
|
SlateBlue
|
板岩暗蓝灰色
|
#6A5ACD
|
106,90,205
|
|
DarkSlateBlue
|
深岩暗蓝灰色
|
#483D8B
|
72,61,139
|
|
Lavender
|
薰衣草花的淡紫色
|
#E6E6FA
|
230,230,250
|
|
GhostWhite
|
幽灵的白色
|
#F8F8FF
|
248,248,255
|
|
Blue
|
纯蓝
|
#0000FF
|
0,0,255
|
|
MediumBlue
|
适中的蓝色
|
#0000CD
|
0,0,205
|
|
MidnightBlue
|
午夜的蓝色
|
#191970
|
25,25,112
|
|
DarkBlue
|
深蓝色
|
#00008B
|
0,0,139
|
|
Navy
|
海军蓝
|
#000080
|
0,0,128
|
|
RoyalBlue
|
皇军蓝
|
#4169E1
|
65,105,225
|
|
CornflowerBlue
|
矢车菊的蓝色
|
#6495ED
|
100,149,237
|
|
LightSteelBlue
|
淡钢蓝
|
#B0C4DE
|
176,196,222
|
|
LightSlateGray
|
浅石板灰
|
#778899
|
119,136,153
|
|
SlateGray
|
石板灰
|
#708090
|
112,128,144
|
|
DoderBlue
|
道奇蓝
|
#1E90FF
|
30,144,255
|
|
AliceBlue
|
爱丽丝蓝
|
#F0F8FF
|
240,248,255
|
|
SteelBlue
|
钢蓝
|
#4682B4
|
70,130,180
|
|
LightSkyBlue
|
淡蓝色
|
#87CEFA
|
135,206,250
|
|
SkyBlue
|
天蓝色
|
#87CEEB
|
135,206,235
|
|
DeepSkyBlue
|
深天蓝
|
#00BFFF
|
0,191,255
|
|
LightBLue
|
淡蓝
|
#ADD8E6
|
173,216,230
|
|
PowDerBlue
|
火药蓝
|
#B0E0E6
|
176,224,230
|
|
CadetBlue
|
军校蓝
|
#5F9EA0
|
95,158,160
|
|
Azure
|
蔚蓝色
|
#F0FFFF
|
240,255,255
|
|
LightCyan
|
淡青色
|
#E1FFFF
|
225,255,255
|
|
PaleTurquoise
|
苍白的绿宝石
|
#AFEEEE
|
175,238,238
|
|
Cyan
|
青色
|
#00FFFF
|
0,255,255
|
|
Aqua
|
水绿色
|
#00FFFF
|
0,255,255
|
|
DarkTurquoise
|
深绿宝石
|
#00CED1
|
0,206,209
|
|
DarkSlateGray
|
深石板灰
|
#2F4F4F
|
47,79,79
|
|
DarkCyan
|
深青色
|
#008B8B
|
0,139,139
|
|
Teal
|
水鸭色
|
#008080
|
0,128,128
|
|
MediumTurquoise
|
适中的绿宝石
|
#48D1CC
|
72,209,204
|
|
LightSeaGreen
|
浅海洋绿
|
#20B2AA
|
32,178,170
|
|
Turquoise
|
绿宝石
|
#40E0D0
|
64,224,208
|
|
Auqamarin
|
绿玉\碧绿色
|
#7FFFAA
|
127,255,170
|
|
MediumAquamarine
|
适中的碧绿色
|
#00FA9A
|
0,250,154
|
|
MediumSpringGreen
|
适中的春天的绿色
|
#F5FFFA
|
245,255,250
|
|
MintCream
|
薄荷奶油
|
#00FF7F
|
0,255,127
|
|
SpringGreen
|
春天的绿色
|
#3CB371
|
60,179,113
|
|
SeaGreen
|
海洋绿
|
#2E8B57
|
46,139,87
|
|
Honeydew
|
蜂蜜
|
#F0FFF0
|
240,255,0
|
|
LightGreen
|
淡绿色
|
#90EE90
|
144,238,144
|
|
PaleGreen
|
苍白的绿色
|
#98FB98
|
152,251,152
|
|
DarkSeaGreen
|
深海洋绿
|
#8FBC8F
|
143,188,143
|
|
LimeGreen
|
酸橙绿
|
#32CD32
|
50,205,50
|
|
Lime
|
酸橙色
|
#00FF00
|
0,255,0
|
|
ForestGreen
|
森林绿
|
#228B22
|
34,139,34
|
|
Green
|
纯绿
|
#008000
|
0,128,0
|
|
DarkGreen
|
深绿色
|
#006400
|
0,100,0
|
|
Chartreuse
|
查特酒绿
|
#7FFF00
|
127,255,0
|
|
LawnGreen
|
草坪绿
|
#7CFC00
|
124,252,0
|
|
GreenYellow
|
绿黄色
|
#ADFF2F
|
173,255,47
|
|
OliveDrab
|
橄榄土褐色
|
#556B2F
|
85,107,47
|
|
Beige
|
米色（浅褐色）
|
#6B8E23
|
107,142,35
|
|
LightGoldenrodYellow
|
浅秋麒麟黄
|
#FAFAD2
|
250,250,210
|
|
Ivory
|
象牙色
|
#FFFFF0
|
255,255,240
|
|
LightYellow
|
浅黄色
|
#FFFFE0
|
255,255,224
|
|
Yellow
|
纯黄
|
#FFFF00
|
255,255,0
|
|
Olive
|
橄榄
|
#808000
|
128,128,0
|
|
DarkKhaki
|
深卡其布
|
#BDB76B
|
189,183,107
|
|
LemonChiffon
|
柠檬薄纱
|
#FFFACD
|
255,250,205
|
|
PaleGodenrod
|
灰秋麒麟
|
#EEE8AA
|
238,232,170
|
|
Khaki
|
卡其布
|
#F0E68C
|
240,230,140
|
|
Gold
|
金
|
#FFD700
|
255,215,0
|
|
Cornislk
|
玉米色
|
#FFF8DC
|
255,248,220
|
|
GoldEnrod
|
秋麒麟
|
#DAA520
|
218,165,32
|
|
FloralWhite
|
花的白色
|
#FFFAF0
|
255,250,240
|
|
OldLace
|
老饰带
|
#FDF5E6
|
253,245,230
|
|
Wheat
|
小麦色
|
#F5DEB3
|
245,222,179
|
|
Moccasin
|
鹿皮鞋
|
#FFE4B5
|
255,228,181
|
|
Orange
|
橙色
|
#FFA500
|
255,165,0
|
|
PapayaWhip
|
番木瓜
|
#FFEFD5
|
255,239,213
|
|
BlanchedAlmond
|
漂白的杏仁
|
#FFEBCD
|
255,235,205
|
|
NavajoWhite
|
Navajo白
|
#FFDEAD
|
255,222,173
|
|
AntiqueWhite
|
古代的白色
|
#FAEBD7
|
250,235,215
|
|
Tan
|
晒黑
|
#D2B48C
|
210,180,140
|
|
BrulyWood
|
结实的树
|
#DEB887
|
222,184,135
|
|
Bisque
|
（浓汤）乳脂，番茄等
|
#FFE4C4
|
255,228,196
|
|
DarkOrange
|
深橙色
|
#FF8C00
|
255,140,0
|
|
Linen
|
亚麻布
|
#FAF0E6
|
250,240,230
|
|
Peru
|
秘鲁
|
#CD853F
|
205,133,63
|
|
PeachPuff
|
桃色
|
#FFDAB9
|
255,218,185
|
|
SandyBrown
|
沙棕色
|
#F4A460
|
244,164,96
|
|
Chocolate
|
巧克力
|
#D2691E
|
210,105,30
|
|
SaddleBrown
|
马鞍棕色
|
#8B4513
|
139,69,19
|
|
SeaShell
|
海贝壳
|
#FFF5EE
|
255,245,238
|
|
Sienna
|
黄土赭色
|
#A0522D
|
160,82,45
|
|
LightSalmon
|
浅鲜肉（鲑鱼）色
|
#FFA07A
|
255,160,122
|
|
Coral
|
珊瑚
|
#FF7F50
|
255,127,80
|
|
OrangeRed
|
橙红色
|
#FF4500
|
255,69,0
|
|
DarkSalmon
|
深鲜肉（鲑鱼）色
|
#E9967A
|
233,150,122
|
|
Tomato
|
番茄
|
#FF6347
|
255,99,71
|
|
MistyRose
|
薄雾玫瑰
|
#FFE4E1
|
255,228,225
|
|
Salmon
|
鲜肉（鲑鱼）色
|
#FA8072
|
250,128,114
|
|
Snow
|
雪
|
#FFFAFA
|
255,250,250
|
|
LightCoral
|
淡珊瑚色
|
#F08080
|
240,128,128
|
|
RosyBrown
|
玫瑰棕色
|
#BC8F8F
|
188,143,143
|
|
IndianRed
|
印度红
|
#CD5C5C
|
205,92,92
|
|
Red
|
纯红
|
#FF0000
|
255,0,0
|
|
Brown
|
棕色
|
#A52A2A
|
165,42,42
|
|
FireBrick
|
耐火砖
|
#B22222
|
178,34,34
|
|
DarkRed
|
深红色
|
#8B0000
|
139,0,0
|
|
Maroon
|
栗色
|
#800000
|
128,0,0
|
|
White
|
纯白
|
#FFFFFF
|
255,255,255
|
|
WhiteSmoke
|
白烟
|
#F5F5F5
|
245,245,245
|
|
Gainsboro
|
Gainsboro
|
#DCDCDC
|
220,220,220
|
|
LightGrey
|
浅灰色
|
#D3D3D3
|
211,211,211
|
|
Silver
|
银白色
|
#C0C0C0
|
192,192,192
|
|
DarkGray
|
深灰色
|
#A9A9A9
|
169,169,169
|
|
Gray
|
灰色
|
#808080
|
128,128,128
|
|
DimGray
|
暗淡的灰色
|
#696969
|
105,105,105
|
|
Black
|
纯黑
|
#000000
|
0,0,0
|