【Markdown笔记】设置字体颜色

【Markdown笔记】设置字体颜色
参考资料

在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进制

Test

Test

AliceBlue

#F0F8FF

Test

Test

AntiqueWhite

#FAEBD7

Test

Test

Aqua

#00FFFF

Test

Test

Aquamarine

#7FFFD4

Test

Test

Azure

#F0FFFF

Test

Test

Beige

#F5F5DC

Test

Test

Bisque

#FFE4C4

Test

Test

Black

#000000

Test

Test

BlanchedAlmond

#FFEBCD

Test

Test

Blue

#0000FF

Test

Test

BlueViolet

#8A2BE2

Test

Test

Brown

#A52A2A

Test

Test

BurlyWood

#DEB887

Test

Test

CadetBlue

#5F9EA0

Test

Test

Chartreuse

#7FFF00

Test

Test

Chocolate

#D2691E

Test

Test

Coral

#FF7F50

Test

Test

CornflowerBlue

#6495ED

Test

Test

Cornsilk

#FFF8DC

Test

Test

Crimson

#DC143C

Test

Test

Cyan

#00FFFF

Test

Test

DarkBlue

#00008B

Test

Test

DarkCyan

#008B8B

Test

Test

DarkGoldenRod

#B8860B

Test

Test

DarkGray

#A9A9A9

Test

Test

DarkGreen

#006400

Test

Test

DarkKhaki

#BDB76B

Test

Test

DarkMagenta

#8B008B

Test

Test

DarkOliveGreen

#556B2F

Test

Test

Darkorange

#FF8C00

Test

Test

DarkOrchid

#9932CC

Test

Test

DarkRed

#8B0000

Test

Test

DarkSalmon

#E9967A

Test

Test

DarkSeaGreen

#8FBC8F

Test

Test

DarkSlateBlue

#483D8B

Test

Test

DarkSlateGray

#2F4F4F

Test

Test

DarkTurquoise

#00CED1

Test

Test

DarkViolet

#9400D3

Test

Test

DeepPink

#FF1493

Test

Test

DeepSkyBlue

#00BFFF

Test

Test

DimGray

#696969

Test

Test

DodgerBlue

#1E90FF

Test

Test

Feldspar

#D19275

Test

Test

FireBrick

#B22222

Test

Test

FloralWhite

#FFFAF0

Test

Test

ForestGreen

#228B22

Test

Test

Fuchsia

#FF00FF

Test

Test

Gainsboro

#DCDCDC

Test

Test

GhostWhite

#F8F8FF

Test

Test

Gold

#FFD700

Test

Test

GoldenRod

#DAA520

Test

Test

Gray

#808080

Test

Test

Green

#008000

Test

Test

GreenYellow

#ADFF2F

Test

Test

HoneyDew

#F0FFF0

Test

Test

HotPink

#FF69B4

Test

Test

IndianRed

#CD5C5C

Test

Test

Indigo

#4B0082

Test

Test

Ivory

#FFFFF0

Test

Test

Khaki

#F0E68C

Test

Test

Lavender

#E6E6FA

Test

Test

LavenderBlush

#FFF0F5

Test

Test

LawnGreen

#7CFC00

Test

Test

LemonChiffon

#FFFACD

Test

Test

LightBlue

#ADD8E6

Test

Test

LightCoral

#F08080

Test

Test

LightCyan

#E0FFFF

Test

Test

LightGoldenRodYellow

#FAFAD2

Test

Test

LightGrey

#D3D3D3

Test

Test

LightGreen

#90EE90

Test

Test

LightPink

#FFB6C1

Test

Test

LightSalmon

#FFA07A

Test

Test

LightSeaGreen

#20B2AA

Test

Test

LightSkyBlue

#87CEFA

Test

Test

LightSlateBlue

#8470FF

Test

Test

LightSlateGray

#778899

Test

Test

LightSteelBlue

#B0C4DE

Test

Test

LightYellow

#FFFFE0

Test

Test

Lime

#00FF00

Test

Test

LimeGreen

#32CD32

Test

Test

Linen

#FAF0E6

Test

Test

Magenta

#FF00FF

Test

Test

Maroon

#800000

Test

Test

MediumAquaMarine

#66CDAA

Test

Test

MediumBlue

#0000CD

Test

Test

MediumOrchid

#BA55D3

Test

Test

MediumPurple

#9370D8

Test

Test

MediumSeaGreen

#3CB371

Test

Test

MediumSlateBlue

#7B68EE

Test

Test

MediumSpringGreen

#00FA9A

Test

Test

MediumTurquoise

#48D1CC

Test

Test

MediumVioletRed

#C71585

Test

Test

MidnightBlue

#191970

Test

Test

MintCream

#F5FFFA

Test

Test

MistyRose

#FFE4E1

Test

Test

Moccasin

#FFE4B5

Test

Test

NavajoWhite

#FFDEAD

Test

Test

Navy

#000080

Test

Test

OldLace

#FDF5E6

Test

Test

Olive

#808000

Test

Test

OliveDrab

#6B8E23

Test

Test

Orange

#FFA500

Test

Test

OrangeRed

#FF4500

Test

Test

Orchid

#DA70D6

Test

Test

PaleGoldenRod

#EEE8AA

Test

Test

PaleGreen

#98FB98

Test

Test

PaleTurquoise

#AFEEEE

Test

Test

PaleVioletRed

#D87093

Test

Test

PapayaWhip

#FFEFD5

Test

Test

PeachPuff

#FFDAB9

Test

Test

Peru

#CD853F

Test

Test

Pink

#FFC0CB

Test

Test

Plum

#DDA0DD

Test

Test

PowderBlue

#B0E0E6

Test

Test

Purple

#800080

Test

Test

Red

#FF0000

Test

Test

RosyBrown

#BC8F8F

Test

Test

RoyalBlue

#4169E1

Test

Test

SaddleBrown

#8B4513

Test

Test

Salmon

#FA8072

Test

Test

SandyBrown

#F4A460

Test

Test

SeaGreen

#2E8B57

Test

Test

SeaShell

#FFF5EE

Test

Test

Sienna

#A0522D

Test

Test

Silver

#C0C0C0

Test

Test

SkyBlue

#87CEEB

Test

Test

SlateBlue

#6A5ACD

Test

Test

SlateGray

#708090

Test

Test

Snow

#FFFAFA

Test

Test

SpringGreen

#00FF7F

Test

Test

SteelBlue

#4682B4

Test

Test

Tan

#D2B48C

Test

Test

Teal

#008080

Test

Test

Thistle

#D8BFD8

Test

Test

Tomato

#FF6347

Test

Test

Turquoise

#40E0D0

Test

Test

Violet

#EE82EE

Test

Test

VioletRed

#D02090

Test

Test

Wheat

#F5DEB3

Test

Test

White

#FFFFFF

Test

Test

WhiteSmoke

#F5F5F5

Test

Test

Yellow

#FFFF00

Test

Test

YellowGreen

#9ACD32

LaTeX

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

字体颜色 Font colors

1.使用color

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

如以下示例程序：

序号

LaTeX公式

LaTeX示例效果

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

y = a x 2 + b x + c color{Green}{y = ax^2 + bx + c} y=ax2+bx+c

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

y = k x + b color{Orange}{y} = color{Red}{kx} + color{Blue}{b} y=kx+b

${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.使用 extcolor

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

如以下示例程序：

序号

LaTeX公式

LaTeX示例效果

$ extcolor{Green}{y = ax^2 + bx + c}$

y = a x 2 + b x + c extcolor{Green}{y = ax^2 + bx + c} y=ax2+bx+c

$ extcolor{Orange}{y} = extcolor{Red}{kx} + extcolor{Blue}{b}$

y = k x + b extcolor{Orange}{y} = extcolor{Red}{kx} + extcolor{Blue}{b} y=kx+b

${ extcolor{Emerald}z^2} = { extcolor{Yellow}x^2} + { extcolor{Cyan}y^2}$

z 2 = x 2 + y 2 { extcolor{Emerald}z^2} = { extcolor{Yellow}x^2} + { extcolor{Cyan}y^2} z2=x2+y2

背景颜色 Background color

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

如以下示例程序：

序号

LaTeX公式

LaTeX示例效果

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

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

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

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

${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示例效果

名称

说明

$color{Apricot}$

$color{Apricot}Test$

T e s t color{Apricot}Test Test

Apricot

杏黄色

$color{Aquamarine}$

$color{Aquamarine}Test$

T e s t color{Aquamarine}Test Test

Aquamarine

碧绿色

$color{Bittersweet}$

$color{Bittersweet}Test$

T e s t color{Bittersweet}Test Test

Bittersweet

深桔红色

$color{Black}$

$color{Black}Test$

T e s t color{Black}Test Test

Black

黑色

$color{Blue}$

$color{Blue}Test$

T e s t color{Blue}Test Test

Blue

蓝色

$color{BlueGreen}$

$color{BlueGreen}Test$

T e s t color{BlueGreen}Test Test

BlueGreen

蓝绿色

$color{BlueViolet}$

$color{BlueViolet}Test$

T e s t color{BlueViolet}Test Test

BlueViolet

蓝紫色

$color{BrickRed}$

$color{BrickRed}Test$

T e s t color{BrickRed}Test Test

BrickRed

砖红色

$color{Brown}$

$color{Brown}Test$

T e s t color{Brown}Test Test

Brown

棕色

$color{BurntOrange}$

$color{BurntOrange}Test$

T e s t color{BurntOrange}Test Test

BurntOrange

深橙黄色

$color{CadetBlue}$

$color{CadetBlue}Test$

T e s t color{CadetBlue}Test Test

CadetBlue

军蓝色

$color{CarnationPink}$

$color{CarnationPink}Test$

T e s t color{CarnationPink}Test Test

CarnationPink

康乃馨粉

$color{Cerulean}$

$color{Cerulean}Test$

T e s t color{Cerulean}Test Test

Cerulean

天蓝色

$color{CornflowerBlue}$

$color{CornflowerBlue}Test$

T e s t color{CornflowerBlue}Test Test

CornflowerBlue

矢菊花蓝

$color{Cyan}$

$color{Cyan}Test$

T e s t color{Cyan}Test Test

Cyan

青色

$color{Dandelion}$

$color{Dandelion}Test$

T e s t color{Dandelion}Test Test

Dandelion

蒲公英

$color{DarkOrchid}$

$color{DarkOrchid}Test$

T e s t color{DarkOrchid}Test Test

DarkOrchid

深兰花紫

$color{Emerald}$

$color{Emerald}Test$

T e s t color{Emerald}Test Test

Emerald

祖母绿

$color{ForestGreen}$

$color{ForestGreen}Test$

T e s t color{ForestGreen}Test Test

ForestGreen

森林绿

$color{Fuchsia}$

$color{Fuchsia}Test$

T e s t color{Fuchsia}Test Test

Fuchsia

紫红色

$color{Goldenrod}$

$color{Goldenrod}Test$

T e s t color{Goldenrod}Test Test

Goldenrod

金麒麟色

$color{Gray}$

$color{Gray}Test$

T e s t color{Gray}Test Test

Gray

灰色

$color{Green}$

$color{Green}Test$

T e s t color{Green}Test Test

Green

绿色

$color{GreenYellow}$

$color{GreenYellow}Test$

T e s t color{GreenYellow}Test Test

GreenYellow

黄绿色

$color{JungleGreen}$

$color{JungleGreen}Test$

T e s t color{JungleGreen}Test Test

JungleGreen

深草绿

$color{Lavender}$

$color{Lavender}Test$

T e s t color{Lavender}Test Test

Lavender

淡紫色

$color{LimeGreen}$

$color{LimeGreen}Test$

T e s t color{LimeGreen}Test Test

LimeGreen

橙绿色

$color{Magenta}$

$color{Magenta}Test$

T e s t color{Magenta}Test Test

Magenta

品红色

$color{Mahogany}$

$color{Mahogany}Test$

T e s t color{Mahogany}Test Test

Mahogany

红褐色

$color{Maroon}$

$color{Maroon}Test$

T e s t color{Maroon}Test Test

Maroon

褐红色

$color{Melon}$

$color{Melon}Test$

T e s t color{Melon}Test Test

Melon

$color{MidnightBlue}$

$color{MidnightBlue}Test$

T e s t color{MidnightBlue}Test Test

MidnightBlue

午夜蓝

$color{Mulberry}$

$color{Mulberry}Test$

T e s t color{Mulberry}Test Test

Mulberry

深紫红色

$color{NavyBlue}$

$color{NavyBlue}Test$

T e s t color{NavyBlue}Test Test

NavyBlue

藏青色

$color{OliveGreen}$

$color{OliveGreen}Test$

T e s t color{OliveGreen}Test Test

OliveGreen

橄榄绿

$color{Orange}$

$color{Orange}Test$

T e s t color{Orange}Test Test

Orange

橙色

$color{OrangeRed}$

$color{OrangeRed}Test$

T e s t color{OrangeRed}Test Test

OrangeRed

橙红色

$color{Orchid}$

$color{Orchid}Test$

T e s t color{Orchid}Test Test

Orchid

淡紫色

$color{Peach}$

$color{Peach}Test$

T e s t color{Peach}Test Test

Peach

桃红色

$color{Periwinkle}$

$color{Periwinkle}Test$

T e s t color{Periwinkle}Test Test

Periwinkle

蔓长春花

$color{PineGreen}$

$color{PineGreen}Test$

T e s t color{PineGreen}Test Test

PineGreen

松绿色

$color{Plum}$

$color{Plum}Test$

T e s t color{Plum}Test Test

Plum

紫红色

$color{ProcessBlue}$

$color{ProcessBlue}Test$

T e s t color{ProcessBlue}Test Test

ProcessBlue

工艺蓝

$color{Purple}$

$color{Purple}Test$

T e s t color{Purple}Test Test

Purple

紫色

$color{RawSienna}$

$color{RawSienna}Test$

T e s t color{RawSienna}Test Test

RawSienna

黄赭色

$color{Red}$

$color{Red}Test$

T e s t color{Red}Test Test

Red

红色

$color{RedOrange}$

$color{RedOrange}Test$

T e s t color{RedOrange}Test Test

RedOrange

橘红色

$color{RedViolet}$

$color{RedViolet}Test$

T e s t color{RedViolet}Test Test

RedViolet

紫红色

$color{Rhodamine}$

$color{Rhodamine}Test$

T e s t color{Rhodamine}Test Test

Rhodamine

罗丹明

$color{RoyalBlue}$

$color{RoyalBlue}Test$

T e s t color{RoyalBlue}Test Test

RoyalBlue

宝蓝色

$color{RoyalPurple}$

$color{RoyalPurple}Test$

T e s t color{RoyalPurple}Test Test

RoyalPurple

蓝紫色

$color{RubineRed}$

$color{RubineRed}Test$

T e s t color{RubineRed}Test Test

RubineRed

宝石红

$color{Salmon}$

$color{Salmon}Test$

T e s t color{Salmon}Test Test

Salmon

鲜肉色

$color{SeaGreen}$

$color{SeaGreen}Test$

T e s t color{SeaGreen}Test Test

SeaGreen

海绿色

$color{Sepia}$

$color{Sepia}Test$

T e s t color{Sepia}Test Test

Sepia

棕黑色

$color{SkyBlue}$

$color{SkyBlue}Test$

T e s t color{SkyBlue}Test Test

SkyBlue

天蓝色

$color{SpringGreen}$

$color{SpringGreen}Test$

T e s t color{SpringGreen}Test Test

SpringGreen

春绿色

$color{Tan}$

$color{Tan}Test$

T e s t color{Tan}Test Test

Tan

棕褐色

$color{TealBlue}$

$color{TealBlue}Test$

T e s t color{TealBlue}Test Test

TealBlue

水鸭蓝

$color{Thistle}$

$color{Thistle}Test$

T e s t color{Thistle}Test Test

Thistle

蓟色

$color{Turquoise}$

$color{Turquoise}Test$

T e s t color{Turquoise}Test Test

Turquoise

蓝绿色

$color{Violet}$

$color{Violet}Test$

T e s t color{Violet}Test Test

Violet

紫罗兰色

$color{VioletRed}$

$color{VioletRed}Test$

T e s t color{VioletRed}Test Test

VioletRed

紫红色

$color{White}$

$color{White}Test$

T e s t color{White}Test Test

White

白色

$color{WildStrawberry}$

$color{WildStrawberry}Test$

T e s t color{WildStrawberry}Test Test

WildStrawberry

野草莓

$color{Yellow}$

$color{Yellow}Test$

T e s t color{Yellow}Test Test

Yellow

黄色

$color{YellowGreen}$

$color{YellowGreen}Test$

T e s t color{YellowGreen}Test Test

YellowGreen

黄绿色

$color{YellowOrange}$

$color{YellowOrange}Test$

T e s t color{YellowOrange}Test Test

YellowOrange

黄橙色

使用RGB颜色 Use RGB color

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

1.RGB

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

如以下示例程序：

序号

LaTeX公式

LaTeX示例效果

$color[RGB]{0,200,0}{y = ax^2 + bx + c}$

KaTeX parse error: Expected ‘{’, got ‘[’ at position 7: color[RGB]{0,200,0}{y…

$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}…

${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…

$ extcolor[RGB]{0,200,0}{y = ax^2 + bx + c}$

KaTeX parse error: Expected ‘{’, got ‘[’ at position 11: extcolor[RGB]{0,200,0}{y…

2.rgb

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

如以下示例程序：

序号

LaTeX公式

LaTeX示例效果

$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…

$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.…

${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,…

$ extcolor[rgb]{0,0.9,0}{y = ax^2 + bx + c}$

KaTeX parse error: Expected ‘{’, got ‘[’ at position 11: extcolor[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示例效果

$definecolor{testcolor}{RGB}{0,200,0} {color{Blue}{y = 2x} + color{testcolor}1}$

KaTeX parse error: Undefined control sequence: definecolor at position 1: definecolor{testcolor}{RGB…

$definecolor{testcolor}{rgb}{0,0.8,0} {color{Blue}{y = 2x} + color{testcolor}1}$

KaTeX parse error: Undefined control sequence: definecolor at position 1: definecolor{testcolor}{rgb…

参考资料

HTML 颜色名

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

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