【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 + c2$\colorbox{Orange}{y} = \colorbox{Red}{kx} + \colorbox{Blue}{b}$
y
=
kx
+
b
\colorbox{Orange}{y} = \colorbox{Red}{kx} + \colorbox{Blue}{b}
y=kx+b3${\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}
z2=x2+y2
默认支持颜色 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