前言

在Markdown下设置字体颜色和给字体背景设置颜色，主要使用HTML和LaTeX，下文主要介绍多为使用的HTML。编辑器这里使用的是Typora（别的编辑器可能有些功能不支持），建议复制代码后自己测试和熟悉一下效果。

HTML用法

1 字体颜色 Font colors

1
2
3
4
5
<font color=Blue>Test</font>  #修改字体颜色，选择颜色名称
<font color="Blue">Test</font> 

<font color=#0000FF>Test</font>  #修改字体颜色，选择16进制颜色值
<font color=#"0000FF">Test</font>

2 背景颜色 Background color

1
2
3
4
5
6
7
8
9
10
11
12
<font style=background:red>Test</font>
<font style="background:red">Test</font>

<span style=background:red>Test</span>      #span标签写法
<span style="background:red">Test</span>

<font style=background:#FF0000>Test</font>   #16进制颜色值
<font style="background:#FF0000">Test</font>

<span style=background:#FF0000>Test</span>
<span style="background:#FF0000">Test</span>

3 支持的颜色

支持的各种颜色名称如下：

颜色名称 代码示例 颜色效果
AliceBlue <font color=AliceBlue>Test</font> Test
AntiqueWhite <font color=AntiqueWhite>Test</font> Test
Aqua <font color=Aqua>Test</font> Test
Aquamarine <font color=Aquamarine>Test</font> Test
Azure <font color=Azure>Test</font> Test
Beige <font color=Beige>Test</font> Test
Bisque <font color=Bisque>Test</font> Test
Black <font color=Black>Test</font> Test
BlanchedAlmond <font color=BlanchedAlmond>Test</font> Test
Blue <font color=Blue>Test</font> Test
BlueViolet <font color=BlueViolet>Test</font> Test
Brown <font color=Brown>Test</font> Test
BurlyWood <font color=BurlyWood>Test</font> Test
CadetBlue <font color=CadetBlue>Test</font> Test
Chartreuse <font color=Chartreuse>Test</font> Test
Chocolate <font color=Chocolate>Test</font> Test
Coral <font color=Coral>Test</font> Test
CornflowerBlue <font color=CornflowerBlue>Test</font> Test
Cornsilk <font color=Cornsilk>Test</font> Test
Crimson <font color=Crimson>Test</font> Test
Cyan <font color=Cyan>Test</font> Test
DarkBlue <font color=DarkBlue>Test</font> Test
DarkCyan <font color=DarkCyan>Test</font> Test
DarkGoldenRod <font color=DarkGoldenRod>Test</font> Test
DarkGray <font color=DarkGray>Test</font> Test
DarkGreen <font color=DarkGreen>Test</font> Test
DarkKhaki <font color=DarkKhaki>Test</font> Test
DarkMagenta <font color=DarkMagenta>Test</font> Test
DarkOliveGreen <font color=DarkOliveGreen>Test</font> Test
Darkorange <font color=Darkorange>Test</font> Test
DarkOrchid <font color=DarkOrchid>Test</font> Test
DarkRed <font color=DarkRed>Test</font> Test
DarkSalmon <font color=DarkSalmon>Test</font> Test
DarkSeaGreen <font color=DarkSeaGreen>Test</font> Test
DarkSlateBlue <font color=DarkSlateBlue>Test</font> Test
DarkSlateGray <font color=DarkSlateGray>Test</font> Test
DarkTurquoise <font color=DarkTurquoise>Test</font> Test
DarkViolet <font color=DarkViolet>Test</font> Test
DeepPink <font color=DeepPink>Test</font> Test
DeepSkyBlue <font color=DeepSkyBlue>Test</font> Test
DimGray <font color=DimGray>Test</font> Test
DodgerBlue <font color=DodgerBlue>Test</font> Test
Feldspar <font color=Feldspar>Test</font> Test
FireBrick <font color=FireBrick>Test</font> Test
FloralWhite <font color=FloralWhite>Test</font> Test
ForestGreen <font color=ForestGreen>Test</font> Test
Fuchsia <font color=Fuchsia>Test</font> Test
Gainsboro <font color=Gainsboro>Test</font> Test
GhostWhite <font color=GhostWhite>Test</font> Test
Gold <font color=Gold>Test</font> Test
GoldenRod <font color=GoldenRod>Test</font> Test
Gray <font color=Gray>Test</font> Test
Green <font color=Green>Test</font> Test
GreenYellow <font color=GreenYellow>Test</font> Test
HoneyDew <font color=HoneyDew>Test</font> Test
HotPink <font color=HotPink>Test</font> Test
IndianRed <font color=IndianRed>Test</font> Test
Indigo <font color=Indigo>Test</font> Test
Ivory <font color=Ivory>Test</font> Test
Khaki <font color=Khaki>Test</font> Test
Lavender <font color=Lavender>Test</font> Test
LavenderBlush <font color=LavenderBlush>Test</font> Test
LawnGreen <font color=LawnGreen>Test</font> Test
LemonChiffon <font color=LemonChiffon>Test</font> Test
LightBlue <font color=LightBlue>Test</font> Test
LightCoral <font color=LightCoral>Test</font> Test
LightCyan <font color=LightCyan>Test</font> Test
LightGoldenRodYellow <font color=LightGoldenRodYellow>Test</font> Test
LightGrey <font color=LightGrey>Test</font> Test
LightGreen <font color=LightGreen>Test</font> Test
LightPink <font color=LightPink>Test</font> Test
LightSalmon <font color=LightSalmon>Test</font> Test
LightSeaGreen <font color=LightSeaGreen>Test</font> Test
LightSkyBlue <font color=LightSkyBlue>Test</font> Test
LightSlateBlue <font color=LightSlateBlue>Test</font> Test
LightSlateGray <font color=LightSlateGray>Test</font> Test
LightSteelBlue <font color=LightSteelBlue>Test</font> Test
LightYellow <font color=LightYellow>Test</font> Test
Lime <font color=Lime>Test</font> Test
LimeGreen <font color=LimeGreen>Test</font> Test
Linen <font color=Linen>Test</font> Test
Magenta <font color=Magenta>Test</font> Test
Maroon <font color=Maroon>Test</font> Test
MediumAquaMarine <font color=MediumAquaMarine>Test</font> Test
MediumBlue <font color=MediumBlue>Test</font> Test
MediumOrchid <font color=MediumOrchid>Test</font> Test
MediumPurple <font color=MediumPurple>Test</font> Test
MediumSeaGreen <font color=MediumSeaGreen>Test</font> Test
MediumSlateBlue <font color=MediumSlateBlue>Test</font> Test
MediumSpringGreen <font color=MediumSpringGreen>Test</font> Test
MediumTurquoise <font color=MediumTurquoise>Test</font> Test
MidnightBlue <font color=MidnightBlue>Test</font> Test
MintCream <font color=MintCream>Test</font> Test
MistyRose <font color=MistyRose>Test</font> Test
Moccasin <font color=Moccasin>Test</font> Test
NavajoWhite <font color=NavajoWhite>Test</font> Testt
Navy <font color=Navy>Test</font> Test
OldLace <font color=OldLace>Test</font> Test
Olive <font color=Olive>Test</font> Test
OliveDrab <font color=OliveDrab>Test</font> Test
Orange <font color=Orange>Test</font> Test
OrangeRed <font color=OrangeRed>Test</font> Test
Orchid <font color=Orchid>Test</font> Test
PaleGoldenRod <font color=PaleGoldenRod>Test</font> Test
PaleGreen <font color=PaleGreen>Test</font> Test
PaleTurquoise <font color=PaleTurquoise>Test</font> Test
PaleVioletRed <font color=PaleVioletRed>Test</font> Test
PapayaWhip <font color=PapayaWhip>Test</font> Test
PeachPuff <font color=PeachPuff>Test</font> Test
Peru <font color=Peru>Test</font> Test
Pink <font color=Pink>Test</font> Test
Plum <font color=Plum>Test</font> Test
PowderBlue <font color=PowderBlue>Test</font> Test
Purple <font color=Purple>Test</font> Test
Red <font color=Red>Test</font> Test
RosyBrown <font color=RosyBrown>Test</font> Test
RoyalBlue <font color=RoyalBlue>Test</font> Test
SaddleBrown <font color=SaddleBrown>Test</font> Test
Salmon <font color=Salmon>Test</font> Test
SandyBrown <font color=SandyBrown>Test</font> Test
SeaGreen <font color=SeaGreen>Test</font> Test
SeaShell <font color=SeaShell>Test</font> Test
Sienna <font color=Sienna>Test</font> Test
Silver <font color=Silver>Test</font> Test
SkyBlue <font color=SkyBlue>Test</font> Test
SlateBlue <font color=SlateBlue>Test</font> Test
SlateGray <font color=SlateGray>Test</font> Test
Snow <font color=Snow>Test</font> Test
SpringGreen <font color=SpringGreen>Test</font> Test
SteelBlue <font color=SteelBlue>Test</font> Test
Tan <font color=Tan>Test</font> Test
Teal <font color=Teal>Test</font> Test
Thistle <font color=Thistle>Test</font> Test
Tomato <font color=Tomato>Test</font> Test
Turquoise <font color=Turquoise>Test</font> Test
Violet <font color=Violet>Test</font> Test
VioletRed <font color=VioletRed>Test</font> Test
Wheat <font color=Wheat>Test</font> Test
White <font color=White>Test</font> Test
WhiteSmoke <font color=WhiteSmoke>Test</font> Test
Yellow <font color=Yellow>Test</font> Test
YellowGreen <font color=YellowGreen>Test</font> Test

使用RGB颜色

下面给出一个配色网站，可以自己去配色或者查表
RGB颜色查询对照表

参考资料

HTML 颜色名