最近在用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
|
|