在Markdown下设置字体颜色和给字体背景设置颜色，主要使用HTML和LaTeX。

以下部分内容CSDN Markdown下不支持，使用的Typora是支持的。

HTML

字体颜色 Font colors

修改字体颜色，选择颜色名称，例如：

Test

效果为Test。

或者是

Test

效果为Test。

修改字体颜色，选择16进制颜色值，例如：

Test

效果为Test。

或者是

Test

效果为Test。

背景颜色 Background color

该部分内容CSDN Markdown下不支持，我使用的Typora是支持的。

修改背景颜色，选择颜色名称，例如：

Test
Test

或者是

<span style=background:red>Test</span>
<span style="background:red">Test</span>

修改背景颜色，选择16进制颜色值，例如：

Test
Test

或者是

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

支持的颜色

颜色可以选择下表的颜色名称，或者根据RGB值。

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

HTML示例示例效果颜色名称16进制
``TestTestAliceBlue#F0F8FF
``TestTestAntiqueWhite#FAEBD7
``TestTestAqua#00FFFF
``TestTestAquamarine#7FFFD4
``TestTestAzure#F0FFFF
``TestTestBeige#F5F5DC
``TestTestBisque#FFE4C4
``TestTestBlack#000000
``TestTestBlanchedAlmond#FFEBCD
``TestTestBlue#0000FF
``TestTestBlueViolet#8A2BE2
``TestTestBrown#A52A2A
``TestTestBurlyWood#DEB887
``TestTestCadetBlue#5F9EA0
``TestTestChartreuse#7FFF00
``TestTestChocolate#D2691E
``TestTestCoral#FF7F50
``TestTestCornflowerBlue#6495ED
``TestTestCornsilk#FFF8DC
``TestTestCrimson#DC143C
``TestTestCyan#00FFFF
``TestTestDarkBlue#00008B
``TestTestDarkCyan#008B8B
``TestTestDarkGoldenRod#B8860B
``TestTestDarkGray#A9A9A9
``TestTestDarkGreen#006400
``TestTestDarkKhaki#BDB76B
``TestTestDarkMagenta#8B008B
``TestTestDarkOliveGreen#556B2F
``TestTestDarkorange#FF8C00
``TestTestDarkOrchid#9932CC
``TestTestDarkRed#8B0000
``TestTestDarkSalmon#E9967A
``TestTestDarkSeaGreen#8FBC8F
``TestTestDarkSlateBlue#483D8B
``TestTestDarkSlateGray#2F4F4F
``TestTestDarkTurquoise#00CED1
``TestTestDarkViolet#9400D3
``TestTestDeepPink#FF1493
``TestTestDeepSkyBlue#00BFFF
``TestTestDimGray#696969
``TestTestDodgerBlue#1E90FF
``TestTestFeldspar#D19275
``TestTestFireBrick#B22222
``TestTestFloralWhite#FFFAF0
``TestTestForestGreen#228B22
``TestTestFuchsia#FF00FF
``TestTestGainsboro#DCDCDC
``TestTestGhostWhite#F8F8FF
``TestTestGold#FFD700
``TestTestGoldenRod#DAA520
``TestTestGray#808080
``TestTestGreen#008000
``TestTestGreenYellow#ADFF2F
``TestTestHoneyDew#F0FFF0
``TestTestHotPink#FF69B4
``TestTestIndianRed#CD5C5C
``TestTestIndigo#4B0082
``TestTestIvory#FFFFF0
``TestTestKhaki#F0E68C
``TestTestLavender#E6E6FA
``TestTestLavenderBlush#FFF0F5
``TestTestLawnGreen#7CFC00
``TestTestLemonChiffon#FFFACD
``TestTestLightBlue#ADD8E6
``TestTestLightCoral#F08080
``TestTestLightCyan#E0FFFF
``TestTestLightGoldenRodYellow#FAFAD2
``TestTestLightGrey#D3D3D3
``TestTestLightGreen#90EE90
``TestTestLightPink#FFB6C1
``TestTestLightSalmon#FFA07A
``TestTestLightSeaGreen#20B2AA
``TestTestLightSkyBlue#87CEFA
``TestTestLightSlateBlue#8470FF
``TestTestLightSlateGray#778899
``TestTestLightSteelBlue#B0C4DE
``TestTestLightYellow#FFFFE0
``TestTestLime#00FF00
``TestTestLimeGreen#32CD32
``TestTestLinen#FAF0E6
``TestTestMagenta#FF00FF
``TestTestMaroon#800000
``TestTestMediumAquaMarine#66CDAA
``TestTestMediumBlue#0000CD
``TestTestMediumOrchid#BA55D3
``TestTestMediumPurple#9370D8
``TestTestMediumSeaGreen#3CB371
``TestTestMediumSlateBlue#7B68EE
``TestTestMediumSpringGreen#00FA9A
``TestTestMediumTurquoise#48D1CC
``TestTestMediumVioletRed#C71585
``TestTestMidnightBlue#191970
``TestTestMintCream#F5FFFA
``TestTestMistyRose#FFE4E1
``TestTestMoccasin#FFE4B5
``TestTestNavajoWhite#FFDEAD
``TestTestNavy#000080
``TestTestOldLace#FDF5E6
``TestTestOlive#808000
``TestTestOliveDrab#6B8E23
``TestTestOrange#FFA500
``TestTestOrangeRed#FF4500
``TestTestOrchid#DA70D6
``TestTestPaleGoldenRod#EEE8AA
``TestTestPaleGreen#98FB98
``TestTestPaleTurquoise#AFEEEE
``TestTestPaleVioletRed#D87093
``TestTestPapayaWhip#FFEFD5
``TestTestPeachPuff#FFDAB9
``TestTestPeru#CD853F
``TestTestPink#FFC0CB
``TestTestPlum#DDA0DD
``TestTestPowderBlue#B0E0E6
``TestTestPurple#800080
``TestTestRed#FF0000
``TestTestRosyBrown#BC8F8F
``TestTestRoyalBlue#4169E1
``TestTestSaddleBrown#8B4513
``TestTestSalmon#FA8072
``TestTestSandyBrown#F4A460
``TestTestSeaGreen#2E8B57
``TestTestSeaShell#FFF5EE
``TestTestSienna#A0522D
``TestTestSilver#C0C0C0
``TestTestSkyBlue#87CEEB
``TestTestSlateBlue#6A5ACD
``TestTestSlateGray#708090
``TestTestSnow#FFFAFA
``TestTestSpringGreen#00FF7F
``TestTestSteelBlue#4682B4
``TestTestTan#D2B48C
``TestTestTeal#008080
``TestTestThistle#D8BFD8
``TestTestTomato#FF6347
``TestTestTurquoise#40E0D0
``TestTestViolet#EE82EE
``TestTestVioletRed#D02090
``TestTestWheat#F5DEB3
``TestTestWhite#FFFFFF
``TestTestWhiteSmoke#F5F5F5
``TestTestYellow#FFFF00
``TestTestYellowGreen#9ACD32

LaTeX

CSDN Markdown下使用的KaTeX，以下内容支持度不高。

字体颜色 Font colors

  1. 使用\color

    修改字体颜色使用LaTeX公式$\color{options}{text}$。options选择颜色，text选择公式内容。

    如以下示例程序：

    序号LaTeX公式LaTeX示例效果
    1$\color{Green}{y = ax^2 + bx + c}$$\color{Green}{y = ax^2 + bx + c}$
    2$\color{Orange}{y} = \color{Red}{kx} + \color{Blue}{b}$$\color{Orange}{y} = \color{Red}{kx} + \color{Blue}{b}$
    3${\color{Emerald}z^2} = {\color{Yellow}x^2} + {\color{Cyan}y^2}$${\color{Emerald}z^2} = {\color{Yellow}x^2} + {\color{Cyan}y^2}$

  2. 使用\textcolor(有些Markdown就不适用，比如说我)

    修改字体颜色使用LaTeX公式$\textcolor{options}{text}$。options选择颜色，text选择公式内容。

    如以下示例程序：

    序号LaTeX公式LaTeX示例效果
    1$\textcolor{Green}{y = ax^2 + bx + c}$$\textcolor{Green}{y = ax^2 + bx + c}$
    2$\textcolor{Orange}{y} = \textcolor{Red}{kx} + \textcolor{Blue}{b}$$\textcolor{Orange}{y} = \textcolor{Red}{kx} + \textcolor{Blue}{b}$
    3${\textcolor{Emerald}z^2} = {\textcolor{Yellow}x^2} + {\textcolor{Cyan}y^2}$${\textcolor{Emerald}z^2} = {\textcolor{Yellow}x^2} + {\textcolor{Cyan}y^2}$

背景颜色 Background color

修改背景颜色使用LaTeX公式$\colorbox{options}{text}$。options选择颜色，text选择文本内容。

如以下示例程序：

序号LaTeX公式LaTeX示例效果
1$\colorbox{Green}{y = ax + bx + c}$$\colorbox{Green}{y = ax + bx + c}$
2$\colorbox{Orange}{y} = \colorbox{Red}{kx} + \colorbox{Blue}{b}$$\colorbox{Orange}{y} = \colorbox{Red}{kx} + \colorbox{Blue}{b}$
3${\colorbox{Emerald}z^2} = {\colorbox{Yellow}x^2} + {\colorbox{Cyan}y^2}$${\colorbox{Emerald}z^2} = {\colorbox{Yellow}x^2} + {\colorbox{Cyan}y^2}$

默认支持颜色 Colors supported

该部分内容CSDN Markdown下，部分颜色是不支持的，我使用的Typora是支持的。

下面列举支持的颜色名称。

序号LaTeX公式LaTeX示例LaTeX示例效果名称说明
1$\color{Apricot}$$\color{Apricot}Test$$\color{Apricot}Test$Apricot杏黄色
2$\color{Aquamarine}$$\color{Aquamarine}Test$$\color{Aquamarine}Test$Aquamarine碧绿色
3$\color{Bittersweet}$$\color{Bittersweet}Test$$\color{Bittersweet}Test$Bittersweet深桔红色
4$\color{Black}$$\color{Black}Test$$\color{Black}Test$Black黑色
5$\color{Blue}$$\color{Blue}Test$$\color{Blue}Test$Blue蓝色
6$\color{BlueGreen}$$\color{BlueGreen}Test$$\color{BlueGreen}Test$BlueGreen蓝绿色
7$\color{BlueViolet}$$\color{BlueViolet}Test$$\color{BlueViolet}Test$BlueViolet蓝紫色
8$\color{BrickRed}$$\color{BrickRed}Test$$\color{BrickRed}Test$BrickRed砖红色
9$\color{Brown}$$\color{Brown}Test$$\color{Brown}Test$Brown棕色
10$\color{BurntOrange}$$\color{BurntOrange}Test$$\color{BurntOrange}Test$BurntOrange深橙黄色
11$\color{CadetBlue}$$\color{CadetBlue}Test$$\color{CadetBlue}Test$CadetBlue军蓝色
12$\color{CarnationPink}$$\color{CarnationPink}Test$$\color{CarnationPink}Test$CarnationPink康乃馨粉
13$\color{Cerulean}$$\color{Cerulean}Test$$\color{Cerulean}Test$Cerulean天蓝色
14$\color{CornflowerBlue}$$\color{CornflowerBlue}Test$$\color{CornflowerBlue}Test$CornflowerBlue矢菊花蓝
15$\color{Cyan}$$\color{Cyan}Test$$\color{Cyan}Test$Cyan青色
16$\color{Dandelion}$$\color{Dandelion}Test$$\color{Dandelion}Test$Dandelion蒲公英
17$\color{DarkOrchid}$$\color{DarkOrchid}Test$$\color{DarkOrchid}Test$DarkOrchid深兰花紫
18$\color{Emerald}$$\color{Emerald}Test$$\color{Emerald}Test$Emerald祖母绿
19$\color{ForestGreen}$$\color{ForestGreen}Test$$\color{ForestGreen}Test$ForestGreen森林绿
20$\color{Fuchsia}$$\color{Fuchsia}Test$$\color{Fuchsia}Test$Fuchsia紫红色
21$\color{Goldenrod}$$\color{Goldenrod}Test$$\color{Goldenrod}Test$Goldenrod金麒麟色
22$\color{Gray}$$\color{Gray}Test$$\color{Gray}Test$Gray灰色
23$\color{Green}$$\color{Green}Test$$\color{Green}Test$Green绿色
24$\color{GreenYellow}$$\color{GreenYellow}Test$$\color{GreenYellow}Test$GreenYellow黄绿色
25$\color{JungleGreen}$$\color{JungleGreen}Test$$\color{JungleGreen}Test$JungleGreen深草绿
26$\color{Lavender}$$\color{Lavender}Test$$\color{Lavender}Test$Lavender淡紫色
27$\color{LimeGreen}$$\color{LimeGreen}Test$$\color{LimeGreen}Test$LimeGreen橙绿色
28$\color{Magenta}$$\color{Magenta}Test$$\color{Magenta}Test$Magenta品红色
29$\color{Mahogany}$$\color{Mahogany}Test$$\color{Mahogany}Test$Mahogany红褐色
30$\color{Maroon}$$\color{Maroon}Test$$\color{Maroon}Test$Maroon褐红色
31$\color{Melon}$$\color{Melon}Test$$\color{Melon}Test$Melon
32$\color{MidnightBlue}$$\color{MidnightBlue}Test$$\color{MidnightBlue}Test$MidnightBlue午夜蓝
33$\color{Mulberry}$$\color{Mulberry}Test$$\color{Mulberry}Test$Mulberry深紫红色
34$\color{NavyBlue}$$\color{NavyBlue}Test$$\color{NavyBlue}Test$NavyBlue藏青色
35$\color{OliveGreen}$$\color{OliveGreen}Test$$\color{OliveGreen}Test$OliveGreen橄榄绿
36$\color{Orange}$$\color{Orange}Test$$\color{Orange}Test$Orange橙色
37$\color{OrangeRed}$$\color{OrangeRed}Test$$\color{OrangeRed}Test$OrangeRed橙红色
38$\color{Orchid}$$\color{Orchid}Test$$\color{Orchid}Test$Orchid淡紫色
39$\color{Peach}$$\color{Peach}Test$$\color{Peach}Test$Peach桃红色
40$\color{Periwinkle}$$\color{Periwinkle}Test$$\color{Periwinkle}Test$Periwinkle蔓长春花
41$\color{PineGreen}$$\color{PineGreen}Test$$\color{PineGreen}Test$PineGreen松绿色
42$\color{Plum}$$\color{Plum}Test$$\color{Plum}Test$Plum紫红色
43$\color{ProcessBlue}$$\color{ProcessBlue}Test$$\color{ProcessBlue}Test$ProcessBlue工艺蓝
44$\color{Purple}$$\color{Purple}Test$$\color{Purple}Test$Purple紫色
45$\color{RawSienna}$$\color{RawSienna}Test$$\color{RawSienna}Test$RawSienna黄赭色
46$\color{Red}$$\color{Red}Test$$\color{Red}Test$Red红色
47$\color{RedOrange}$$\color{RedOrange}Test$$\color{RedOrange}Test$RedOrange橘红色
48$\color{RedViolet}$$\color{RedViolet}Test$$\color{RedViolet}Test$RedViolet紫红色
49$\color{Rhodamine}$$\color{Rhodamine}Test$$\color{Rhodamine}Test$Rhodamine罗丹明
50$\color{RoyalBlue}$$\color{RoyalBlue}Test$$\color{RoyalBlue}Test$RoyalBlue宝蓝色
51$\color{RoyalPurple}$$\color{RoyalPurple}Test$$\color{RoyalPurple}Test$RoyalPurple蓝紫色
52$\color{RubineRed}$$\color{RubineRed}Test$$\color{RubineRed}Test$RubineRed宝石红
53$\color{Salmon}$$\color{Salmon}Test$$\color{Salmon}Test$Salmon鲜肉色
54$\color{SeaGreen}$$\color{SeaGreen}Test$$\color{SeaGreen}Test$SeaGreen海绿色
55$\color{Sepia}$$\color{Sepia}Test$$\color{Sepia}Test$Sepia棕黑色
56$\color{SkyBlue}$$\color{SkyBlue}Test$$\color{SkyBlue}Test$SkyBlue天蓝色
57$\color{SpringGreen}$$\color{SpringGreen}Test$$\color{SpringGreen}Test$SpringGreen春绿色
58$\color{Tan}$$\color{Tan}Test$$\color{Tan}Test$Tan棕褐色
59$\color{TealBlue}$$\color{TealBlue}Test$$\color{TealBlue}Test$TealBlue水鸭蓝
60$\color{Thistle}$$\color{Thistle}Test$$\color{Thistle}Test$Thistle蓟色
61$\color{Turquoise}$$\color{Turquoise}Test$$\color{Turquoise}Test$Turquoise蓝绿色
62$\color{Violet}$$\color{Violet}Test$$\color{Violet}Test$Violet紫罗兰色
63$\color{VioletRed}$$\color{VioletRed}Test$$\color{VioletRed}Test$VioletRed紫红色
64$\color{White}$$\color{White}Test$$\color{White}Test$White白色
65$\color{WildStrawberry}$$\color{WildStrawberry}Test$$\color{WildStrawberry}Test$WildStrawberry野草莓
66$\color{Yellow}$$\color{Yellow}Test$$\color{Yellow}Test$Yellow黄色
67$\color{YellowGreen}$$\color{YellowGreen}Test$$\color{YellowGreen}Test$YellowGreen黄绿色
68$\color{YellowOrange}$$\color{YellowOrange}Test$$\color{YellowOrange}Test$YellowOrange黄橙色

使用RGB颜色 Use RGB color

该部分内容CSDN Markdown下不支持，我使用的Typora是支持的。

  1. RGB
    要使用RGB颜色，使用LaTeX公式$\color[RGB]{R,G,B}{text}$或$\textcolor[RGB]{R,G,B}{text}$。R是红色分量，G是绿色分量，B是蓝色分量，范围0 - 255。

    如以下示例程序：

    序号LaTeX公式LaTeX示例效果
    1$\color[RGB]{0,200,0}{y = ax^2 + bx + c}$$\color[RGB]{0,200,0}{y = ax^2 + bx + c}$
    2$\color[RGB]{80,50,200}{y} = \color[RGB]{160,30,100}{kx} + \color[RGB]{130,90,120}{b}$$\color[RGB]{80,50,200}{y} = \color[RGB]{160,30,100}{kx} + \color[RGB]{130,90,120}{b}$
    3${\color[RGB]{200,120,10}z^2} = {\color[RGB]{110,110,10}x^2} + {\color[RGB]{20,70,30}y^2}$${\color[RGB]{200,120,10}z^2} = {\color[RGB]{110,110,10}x^2} + {\color[RGB]{20,70,30}y^2}$
    4$\textcolor[RGB]{0,200,0}{y = ax^2 + bx + c}$$\textcolor[RGB]{0,200,0}{y = ax^2 + bx + c}$

  2. rgb
    要使用rgb颜色，使用LaTeX公式 $\color[rgb]{r,g,b}$ 或 $\textcolor[rgb]{r,g,b}$ 。 r是红色分量，g是绿色分量，b是蓝色分量，范围0 - 1。

    如以下示例程序：

    序号LaTeX公式LaTeX示例效果
    1$\color[rgb]{0,0.9,0}{y = ax^2 + bx + c}$$\color[rgb]{0,0.9,0}{y = ax^2 + bx + c}$
    2$\color[rgb]{0.2,0.1,0.9}{y} = \color[rgb]{0.7,0.25,0.33}{kx} + \color[rgb]{0.4,0.35,0.5}{b}$$\color[rgb]{0.2,0.1,0.9}{y} = \color[rgb]{0.7,0.25,0.33}{kx} + \color[rgb]{0.4,0.35,0.5}{b}$
    3${\color[rgb]{0.85,0.36,0.05}z^2} = {\color[rgb]{0.29,0.36,0.08}x^2} + {\color[rgb]{0.07,0.24,0.16}y^2}$${\color[rgb]{0.85,0.36,0.05}z^2} = {\color[rgb]{0.29,0.36,0.08}x^2} + {\color[rgb]{0.07,0.24,0.16}y^2}$
    4$\textcolor[rgb]{0,0.9,0}{y = ax^2 + bx + c}$$\textcolor[rgb]{0,0.9,0}{y = ax^2 + bx + c}$

自定义颜色 Custom colors

该部分内容CSDN Markdown下不支持，我使用的Typora是支持的。

要自己定义颜色，使用LaTeX公式$\definecolor{name}{RGB}{R,G,B}$或$\definecolor{name}{rgb]{r,g,b}$，name是自定义颜色名称。

如以下示例程序：

序号LaTeX公式LaTeX示例效果
1$\definecolor{testcolor}{RGB}{0,200,0} {\color{Blue}{y = 2x} + \color{testcolor}1}$$\definecolor{testcolor}{RGB}{0,200,0} {\color{Blue}{y = 2x} + \color{testcolor}1}$
2$\definecolor{testcolor}{rgb}{0,0.8,0} {\color{Blue}{y = 2x} + \color{testcolor}1}$$\definecolor{testcolor}{rgb}{0,0.8,0} {\color{Blue}{y = 2x} + \color{testcolor}1}$