【Markdown笔记】设置字体颜色

【Markdown笔记】设置字体颜色

【Markdown笔记】设置字体颜色

【Markdown笔记】设置字体颜色

【Markdown笔记】设置字体颜色HTML字体颜色 Font colors背景颜色 Background color支持的颜色

LaTeX字体颜色 Font colors背景颜色 Background color默认支持颜色 Colors supported使用RGB颜色 Use RGB color自定义颜色 Custom colors

参考资料

在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

或者是

Test

Test

修改背景颜色,选择16进制颜色值,例如:

Test

Test

或者是

Test

Test

支持的颜色

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

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

HTML示例示例效果颜色名称16进制TestTestAliceBlue#F0F8FFTestTestAntiqueWhite#FAEBD7TestTestAqua#00FFFFTestTestAquamarine#7FFFD4TestTestAzure#F0FFFFTestTestBeige#F5F5DCTestTestBisque#FFE4C4TestTestBlack#000000TestTestBlanchedAlmond#FFEBCDTestTestBlue#0000FFTestTestBlueViolet#8A2BE2TestTestBrown#A52A2ATestTestBurlyWood#DEB887TestTestCadetBlue#5F9EA0TestTestChartreuse#7FFF00TestTestChocolate#D2691ETestTestCoral#FF7F50TestTestCornflowerBlue#6495EDTestTestCornsilk#FFF8DCTestTestCrimson#DC143CTestTestCyan#00FFFFTestTestDarkBlue#00008BTestTestDarkCyan#008B8BTestTestDarkGoldenRod#B8860BTestTestDarkGray#A9A9A9TestTestDarkGreen#006400TestTestDarkKhaki#BDB76BTestTestDarkMagenta#8B008BTestTestDarkOliveGreen#556B2FTestTestDarkorange#FF8C00TestTestDarkOrchid#9932CCTestTestDarkRed#8B0000TestTestDarkSalmon#E9967ATestTestDarkSeaGreen#8FBC8FTestTestDarkSlateBlue#483D8BTestTestDarkSlateGray#2F4F4FTestTestDarkTurquoise#00CED1TestTestDarkViolet#9400D3TestTestDeepPink#FF1493TestTestDeepSkyBlue#00BFFFTestTestDimGray#696969TestTestDodgerBlue#1E90FFTestTestFeldspar#D19275TestTestFireBrick#B22222TestTestFloralWhite#FFFAF0TestTestForestGreen#228B22TestTestFuchsia#FF00FFTestTestGainsboro#DCDCDCTestTestGhostWhite#F8F8FFTestTestGold#FFD700TestTestGoldenRod#DAA520TestTestGray#808080TestTestGreen#008000TestTestGreenYellow#ADFF2FTestTestHoneyDew#F0FFF0TestTestHotPink#FF69B4TestTestIndianRed#CD5C5CTestTestIndigo#4B0082TestTestIvory#FFFFF0TestTestKhaki#F0E68CTestTestLavender#E6E6FATestTestLavenderBlush#FFF0F5TestTestLawnGreen#7CFC00TestTestLemonChiffon#FFFACDTestTestLightBlue#ADD8E6TestTestLightCoral#F08080TestTestLightCyan#E0FFFFTestTestLightGoldenRodYellow#FAFAD2TestTestLightGrey#D3D3D3TestTestLightGreen#90EE90TestTestLightPink#FFB6C1TestTestLightSalmon#FFA07ATestTestLightSeaGreen#20B2AATestTestLightSkyBlue#87CEFATestTestLightSlateBlue#8470FFTestTestLightSlateGray#778899TestTestLightSteelBlue#B0C4DETestTestLightYellow#FFFFE0TestTestLime#00FF00TestTestLimeGreen#32CD32TestTestLinen#FAF0E6TestTestMagenta#FF00FFTestTestMaroon#800000TestTestMediumAquaMarine#66CDAATestTestMediumBlue#0000CDTestTestMediumOrchid#BA55D3TestTestMediumPurple#9370D8TestTestMediumSeaGreen#3CB371TestTestMediumSlateBlue#7B68EETestTestMediumSpringGreen#00FA9ATestTestMediumTurquoise#48D1CCTestTestMediumVioletRed#C71585TestTestMidnightBlue#191970TestTestMintCream#F5FFFATestTestMistyRose#FFE4E1TestTestMoccasin#FFE4B5TestTestNavajoWhite#FFDEADTestTestNavy#000080TestTestOldLace#FDF5E6TestTestOlive#808000TestTestOliveDrab#6B8E23TestTestOrange#FFA500TestTestOrangeRed#FF4500TestTestOrchid#DA70D6TestTestPaleGoldenRod#EEE8AATestTestPaleGreen#98FB98TestTestPaleTurquoise#AFEEEETestTestPaleVioletRed#D87093TestTestPapayaWhip#FFEFD5TestTestPeachPuff#FFDAB9TestTestPeru#CD853FTestTestPink#FFC0CBTestTestPlum#DDA0DDTestTestPowderBlue#B0E0E6TestTestPurple#800080TestTestRed#FF0000TestTestRosyBrown#BC8F8FTestTestRoyalBlue#4169E1TestTestSaddleBrown#8B4513TestTestSalmon#FA8072TestTestSandyBrown#F4A460TestTestSeaGreen#2E8B57TestTestSeaShell#FFF5EETestTestSienna#A0522DTestTestSilver#C0C0C0TestTestSkyBlue#87CEEBTestTestSlateBlue#6A5ACDTestTestSlateGray#708090TestTestSnow#FFFAFATestTestSpringGreen#00FF7FTestTestSteelBlue#4682B4TestTestTan#D2B48CTestTestTeal#008080TestTestThistle#D8BFD8TestTestTomato#FF6347TestTestTurquoise#40E0D0TestTestViolet#EE82EETestTestVioletRed#D02090TestTestWheat#F5DEB3TestTestWhite#FFFFFFTestTestWhiteSmoke#F5F5F5TestTestYellow#FFFF00TestTestYellowGreen#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}$

y

=

a

x

2

+

b

x

+

c

\color{Green}{y = ax^2 + bx + c}

y=ax2+bx+c2$\color{Orange}{y} = \color{Red}{kx} + \color{Blue}{b}$

y

=

k

x

+

b

\color{Orange}{y} = \color{Red}{kx} + \color{Blue}{b}

y=kx+b3${\color{Emerald}z^2} = {\color{Yellow}x^2} + {\color{Cyan}y^2}$

z

2

=

x

2

+

y

2

{\color{Emerald}z^2} = {\color{Yellow}x^2} + {\color{Cyan}y^2}

z2=x2+y2

2.使用\textcolor

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

如以下示例程序:

序号LaTeX公式LaTeX示例效果1$\textcolor{Green}{y = ax^2 + bx + c}$

y

=

a

x

2

+

b

x

+

c

\textcolor{Green}{y = ax^2 + bx + c}

y=ax2+bx+c2$\textcolor{Orange}{y} = \textcolor{Red}{kx} + \textcolor{Blue}{b}$

y

=

k

x

+

b

\textcolor{Orange}{y} = \textcolor{Red}{kx} + \textcolor{Blue}{b}

y=kx+b3${\textcolor{Emerald}z^2} = {\textcolor{Yellow}x^2} + {\textcolor{Cyan}y^2}$

z

2

=

x

2

+

y

2

{\textcolor{Emerald}z^2} = {\textcolor{Yellow}x^2} + {\textcolor{Cyan}y^2}

z2=x2+y2

背景颜色 Background color

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

如以下示例程序:

序号LaTeX公式LaTeX示例效果1$\colorbox{Green}{y = ax + bx + c}$

y = ax + bx + c

\colorbox{Green}{y = ax + bx + c}

y = ax + bx + c​2$\colorbox{Orange}{y} = \colorbox{Red}{kx} + \colorbox{Blue}{b}$

y

=

kx

+

b

\colorbox{Orange}{y} = \colorbox{Red}{kx} + \colorbox{Blue}{b}

y​=kx​+b​3${\colorbox{Emerald}z^2} = {\colorbox{Yellow}x^2} + {\colorbox{Cyan}y^2}$

z

2

=

x

2

+

y

2

{\colorbox{Emerald}z^2} = {\colorbox{Yellow}x^2} + {\colorbox{Cyan}y^2}

z​2=x​2+y​2

默认支持颜色 Colors supported

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

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

序号LaTeX公式LaTeX示例LaTeX示例效果名称说明1$\color{Apricot}$$\color{Apricot}Test$

T

e

s

t

\color{Apricot}Test

TestApricot杏黄色2$\color{Aquamarine}$$\color{Aquamarine}Test$

T

e

s

t

\color{Aquamarine}Test

TestAquamarine碧绿色3$\color{Bittersweet}$$\color{Bittersweet}Test$

T

e

s

t

\color{Bittersweet}Test

TestBittersweet深桔红色4$\color{Black}$$\color{Black}Test$

T

e

s

t

\color{Black}Test

TestBlack黑色5$\color{Blue}$$\color{Blue}Test$

T

e

s

t

\color{Blue}Test

TestBlue蓝色6$\color{BlueGreen}$$\color{BlueGreen}Test$

T

e

s

t

\color{BlueGreen}Test

TestBlueGreen蓝绿色7$\color{BlueViolet}$$\color{BlueViolet}Test$

T

e

s

t

\color{BlueViolet}Test

TestBlueViolet蓝紫色8$\color{BrickRed}$$\color{BrickRed}Test$

T

e

s

t

\color{BrickRed}Test

TestBrickRed砖红色9$\color{Brown}$$\color{Brown}Test$

T

e

s

t

\color{Brown}Test

TestBrown棕色10$\color{BurntOrange}$$\color{BurntOrange}Test$

T

e

s

t

\color{BurntOrange}Test

TestBurntOrange深橙黄色11$\color{CadetBlue}$$\color{CadetBlue}Test$

T

e

s

t

\color{CadetBlue}Test

TestCadetBlue军蓝色12$\color{CarnationPink}$$\color{CarnationPink}Test$

T

e

s

t

\color{CarnationPink}Test

TestCarnationPink康乃馨粉13$\color{Cerulean}$$\color{Cerulean}Test$

T

e

s

t

\color{Cerulean}Test

TestCerulean天蓝色14$\color{CornflowerBlue}$$\color{CornflowerBlue}Test$

T

e

s

t

\color{CornflowerBlue}Test

TestCornflowerBlue矢菊花蓝15$\color{Cyan}$$\color{Cyan}Test$

T

e

s

t

\color{Cyan}Test

TestCyan青色16$\color{Dandelion}$$\color{Dandelion}Test$

T

e

s

t

\color{Dandelion}Test

TestDandelion蒲公英17$\color{DarkOrchid}$$\color{DarkOrchid}Test$

T

e

s

t

\color{DarkOrchid}Test

TestDarkOrchid深兰花紫18$\color{Emerald}$$\color{Emerald}Test$

T

e

s

t

\color{Emerald}Test

TestEmerald祖母绿19$\color{ForestGreen}$$\color{ForestGreen}Test$

T

e

s

t

\color{ForestGreen}Test

TestForestGreen森林绿20$\color{Fuchsia}$$\color{Fuchsia}Test$

T

e

s

t

\color{Fuchsia}Test

TestFuchsia紫红色21$\color{Goldenrod}$$\color{Goldenrod}Test$

T

e

s

t

\color{Goldenrod}Test

TestGoldenrod金麒麟色22$\color{Gray}$$\color{Gray}Test$

T

e

s

t

\color{Gray}Test

TestGray灰色23$\color{Green}$$\color{Green}Test$

T

e

s

t

\color{Green}Test

TestGreen绿色24$\color{GreenYellow}$$\color{GreenYellow}Test$

T

e

s

t

\color{GreenYellow}Test

TestGreenYellow黄绿色25$\color{JungleGreen}$$\color{JungleGreen}Test$

T

e

s

t

\color{JungleGreen}Test

TestJungleGreen深草绿26$\color{Lavender}$$\color{Lavender}Test$

T

e

s

t

\color{Lavender}Test

TestLavender淡紫色27$\color{LimeGreen}$$\color{LimeGreen}Test$

T

e

s

t

\color{LimeGreen}Test

TestLimeGreen橙绿色28$\color{Magenta}$$\color{Magenta}Test$

T

e

s

t

\color{Magenta}Test

TestMagenta品红色29$\color{Mahogany}$$\color{Mahogany}Test$

T

e

s

t

\color{Mahogany}Test

TestMahogany红褐色30$\color{Maroon}$$\color{Maroon}Test$

T

e

s

t

\color{Maroon}Test

TestMaroon褐红色31$\color{Melon}$$\color{Melon}Test$

T

e

s

t

\color{Melon}Test

TestMelon32$\color{MidnightBlue}$$\color{MidnightBlue}Test$

T

e

s

t

\color{MidnightBlue}Test

TestMidnightBlue午夜蓝33$\color{Mulberry}$$\color{Mulberry}Test$

T

e

s

t

\color{Mulberry}Test

TestMulberry深紫红色34$\color{NavyBlue}$$\color{NavyBlue}Test$

T

e

s

t

\color{NavyBlue}Test

TestNavyBlue藏青色35$\color{OliveGreen}$$\color{OliveGreen}Test$

T

e

s

t

\color{OliveGreen}Test

TestOliveGreen橄榄绿36$\color{Orange}$$\color{Orange}Test$

T

e

s

t

\color{Orange}Test

TestOrange橙色37$\color{OrangeRed}$$\color{OrangeRed}Test$

T

e

s

t

\color{OrangeRed}Test

TestOrangeRed橙红色38$\color{Orchid}$$\color{Orchid}Test$

T

e

s

t

\color{Orchid}Test

TestOrchid淡紫色39$\color{Peach}$$\color{Peach}Test$

T

e

s

t

\color{Peach}Test

TestPeach桃红色40$\color{Periwinkle}$$\color{Periwinkle}Test$

T

e

s

t

\color{Periwinkle}Test

TestPeriwinkle蔓长春花41$\color{PineGreen}$$\color{PineGreen}Test$

T

e

s

t

\color{PineGreen}Test

TestPineGreen松绿色42$\color{Plum}$$\color{Plum}Test$

T

e

s

t

\color{Plum}Test

TestPlum紫红色43$\color{ProcessBlue}$$\color{ProcessBlue}Test$

T

e

s

t

\color{ProcessBlue}Test

TestProcessBlue工艺蓝44$\color{Purple}$$\color{Purple}Test$

T

e

s

t

\color{Purple}Test

TestPurple紫色45$\color{RawSienna}$$\color{RawSienna}Test$

T

e

s

t

\color{RawSienna}Test

TestRawSienna黄赭色46$\color{Red}$$\color{Red}Test$

T

e

s

t

\color{Red}Test

TestRed红色47$\color{RedOrange}$$\color{RedOrange}Test$

T

e

s

t

\color{RedOrange}Test

TestRedOrange橘红色48$\color{RedViolet}$$\color{RedViolet}Test$

T

e

s

t

\color{RedViolet}Test

TestRedViolet紫红色49$\color{Rhodamine}$$\color{Rhodamine}Test$

T

e

s

t

\color{Rhodamine}Test

TestRhodamine罗丹明50$\color{RoyalBlue}$$\color{RoyalBlue}Test$

T

e

s

t

\color{RoyalBlue}Test

TestRoyalBlue宝蓝色51$\color{RoyalPurple}$$\color{RoyalPurple}Test$

T

e

s

t

\color{RoyalPurple}Test

TestRoyalPurple蓝紫色52$\color{RubineRed}$$\color{RubineRed}Test$

T

e

s

t

\color{RubineRed}Test

TestRubineRed宝石红53$\color{Salmon}$$\color{Salmon}Test$

T

e

s

t

\color{Salmon}Test

TestSalmon鲜肉色54$\color{SeaGreen}$$\color{SeaGreen}Test$

T

e

s

t

\color{SeaGreen}Test

TestSeaGreen海绿色55$\color{Sepia}$$\color{Sepia}Test$

T

e

s

t

\color{Sepia}Test

TestSepia棕黑色56$\color{SkyBlue}$$\color{SkyBlue}Test$

T

e

s

t

\color{SkyBlue}Test

TestSkyBlue天蓝色57$\color{SpringGreen}$$\color{SpringGreen}Test$

T

e

s

t

\color{SpringGreen}Test

TestSpringGreen春绿色58$\color{Tan}$$\color{Tan}Test$

T

e

s

t

\color{Tan}Test

TestTan棕褐色59$\color{TealBlue}$$\color{TealBlue}Test$

T

e

s

t

\color{TealBlue}Test

TestTealBlue水鸭蓝60$\color{Thistle}$$\color{Thistle}Test$

T

e

s

t

\color{Thistle}Test

TestThistle蓟色61$\color{Turquoise}$$\color{Turquoise}Test$

T

e

s

t

\color{Turquoise}Test

TestTurquoise蓝绿色62$\color{Violet}$$\color{Violet}Test$

T

e

s

t

\color{Violet}Test

TestViolet紫罗兰色63$\color{VioletRed}$$\color{VioletRed}Test$

T

e

s

t

\color{VioletRed}Test

TestVioletRed紫红色64$\color{White}$$\color{White}Test$

T

e

s

t

\color{White}Test

TestWhite白色65$\color{WildStrawberry}$$\color{WildStrawberry}Test$

T

e

s

t

\color{WildStrawberry}Test

TestWildStrawberry野草莓66$\color{Yellow}$$\color{Yellow}Test$

T

e

s

t

\color{Yellow}Test

TestYellow黄色67$\color{YellowGreen}$$\color{YellowGreen}Test$

T

e

s

t

\color{YellowGreen}Test

TestYellowGreen黄绿色68$\color{YellowOrange}$$\color{YellowOrange}Test$

T

e

s

t

\color{YellowOrange}Test

TestYellowOrange黄橙色

使用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}$KaTeX parse error: Expected '{', got '[' at position 7: \color[̲RGB]{0,200,0}{y…2$\color[RGB]{80,50,200}{y} = \color[RGB]{160,30,100}{kx} + \color[RGB]{130,90,120}{b}$KaTeX parse error: Expected '{', got '[' at position 7: \color[̲RGB]{80,50,200}…3${\color[RGB]{200,120,10}z^2} = {\color[RGB]{110,110,10}x^2} + {\color[RGB]{20,70,30}y^2}$KaTeX parse error: Expected '{', got '[' at position 8: {\color[̲RGB]{200,120,10…4$\textcolor[RGB]{0,200,0}{y = ax^2 + bx + c}$KaTeX parse error: Expected '{', got '[' at position 11: \textcolor[̲RGB]{0,200,0}{y…

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}$KaTeX parse error: Expected '{', got '[' at position 7: \color[̲rgb]{0,0.9,0}{y…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}$KaTeX parse error: Expected '{', got '[' at position 7: \color[̲rgb]{0.2,0.1,0.…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}$KaTeX parse error: Expected '{', got '[' at position 8: {\color[̲rgb]{0.85,0.36,…4$\textcolor[rgb]{0,0.9,0}{y = ax^2 + bx + c}$KaTeX parse error: Expected '{', got '[' at position 11: \textcolor[̲rgb]{0,0.9,0}{y…

自定义颜色 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}$KaTeX parse error: Undefined control sequence: \definecolor at position 1: \̲d̲e̲f̲i̲n̲e̲c̲o̲l̲o̲r̲{testcolor}{RGB…2$\definecolor{testcolor}{rgb}{0,0.8,0} {\color{Blue}{y = 2x} + \color{testcolor}1}$KaTeX parse error: Undefined control sequence: \definecolor at position 1: \̲d̲e̲f̲i̲n̲e̲c̲o̲l̲o̲r̲{testcolor}{rgb…

参考资料

HTML 颜色名

LaTeX公式编辑器——帮助文档

本文链接:https://blog.csdn.net/u012028275/article/details/115445362

相关推荐