Typora text color setting
foreword
Record two ways to modify typora edit text color
The effect is as follows
This is the color of Red\textcolor{Red}{This is the color of Red}This is R e d color
This is Plum color\textcolor{Plum}{This is Plum color}This is Pl u m color
Method 1: Inline formulas using markdown syntax
set color
To set the color, you need to check the inline formula under Markdown extended syntax in the settings, and then restart Typora
Text color setting formula
$\textcolor{颜色名}{文字内容} $
Example: green- $\textcolor{green}{绿色的文字内容} $
, the effect is as follows:
$\textcolor{green}{green text content} $
Commonly used color formula code table
$\textcolor{GreenYellow}{颜色:GreenYellow}$
$\textcolor{Yellow}{颜色:Yellow}$
$\textcolor{Goldenrod}{颜色:Goldenrod}$
$\textcolor{Dandelion}{颜色:Dandelion}$
$\textcolor{Apricot}{颜色:Apricot}$
$\textcolor{Peach}{颜色:Peach}$
$\textcolor{Melon}{颜色:Melon}$
$\textcolor{YellowOrange}{颜色:YellowOrange}$
$\textcolor{Orange}{颜色:Orange}$
$\textcolor{BurntOrange}{颜色:BurntOrange}$
$\textcolor{Bittersweet}{颜色:Bittersweet}$
$\textcolor{RedOrange}{颜色:RedOrange}$
$\textcolor{Mahogany}{颜色:Mahogany}$
$\textcolor{Maroon}{颜色:Maroon}$
$\textcolor{BrickRed}{颜色:BrickRed}$
$\textcolor{Red}{颜色:Red}$
$\textcolor{OrangeRed}{颜色:OrangeRed}$
$\textcolor{RubineRed}{颜色:RubineRed}$
$\textcolor{WildStrawberry}{颜色:WildStrawberry}$
$\textcolor{Salmon}{颜色:Salmon}$
$\textcolor{CarnationPink}{颜色:CarnationPink}$
$\textcolor{Magenta}{颜色:Magenta}$
$\textcolor{VioletRed}{颜色:VioletRed}$
$\textcolor{Rhodamine}{颜色:Rhodamine}$
$\textcolor{Mulberry}{颜色:Mulberry}$
$\textcolor{RedViolet}{颜色:RedViolet}$
$\textcolor{Fuchsia}{颜色:Fuchsia}$
$\textcolor{Lavender}{颜色:Lavender}$
$\textcolor{Thistle}{颜色:Thistle}$
$\textcolor{Orchid}{颜色:Orchid}$
$\textcolor{DarkOrchid}{颜色:DarkOrchid}$
$\textcolor{Purple}{颜色:Purple}$
$\textcolor{Plum}{颜色:Plum}$
$\textcolor{Violet}{颜色:Violet}$
$\textcolor{RoyalPurple}{颜色:RoyalPurple}$
$\textcolor{BlueViolet}{颜色:BlueViolet}$
$\textcolor{Periwinkle}{颜色:Periwinkle}$
$\textcolor{CadetBlue}{颜色:CadetBlue}$
$\textcolor{CornflowerBlue}{颜色:CornflowerBlue}$
$\textcolor{MidnightBlue}{颜色:MidnightBlue}$
$\textcolor{NavyBlue}{颜色:NavyBlue}$
$\textcolor{RoyalBlue}{颜色:RoyalBlue}$
$\textcolor{Blue}{颜色:Blue}$
$\textcolor{Cerulean}{颜色:Cerulean}$
$\textcolor{Cyan}{颜色:Cyan}$
$\textcolor{ProcessBlue}{颜色:ProcessBlue}$
$\textcolor{SkyBlue}{颜色:SkyBlue}$
$\textcolor{Turquoise}{颜色:Turquoise}$
$\textcolor{TealBlue}{颜色:TealBlue}$
$\textcolor{Aquamarine}{颜色:Aquamarine}$
$\textcolor{BlueGreen}{颜色:BlueGreen}$
$\textcolor{Emerald}{颜色:Emerald}$
$\textcolor{JungleGreen}{颜色:JungleGreen}$
$\textcolor{SeaGreen}{颜色:SeaGreen}$
$\textcolor{Green}{颜色:Green}$
$\textcolor{ForestGreen}{颜色:ForestGreen}$
$\textcolor{PineGreen}{颜色:PineGreen}$
$\textcolor{LimeGreen}{颜色:LimeGreen}$
$\textcolor{YellowGreen}{颜色:YellowGreen}$
$\textcolor{SpringGreen}{颜色:SpringGreen}$
$\textcolor{OliveGreen}{颜色:OliveGreen}$
$\textcolor{RawSienna}{颜色:RawSienna}$
$\textcolor{Sepia}{颜色:Sepia}$
$\textcolor{Brown}{颜色:Brown}$
$\textcolor{Tan}{颜色:Tan}$
$\textcolor{Gray}{颜色:Gray}$
$\textcolor{Black}{颜色:Black}$
Effect preview
serial number | color code | Effect |
---|---|---|
1 | $\textcolor{GreenYellow}{颜色:GreenYellow}$ |
Language: G reen Y ellow \textcolor{GreenYellow}{Language: GreenYellow}Color: G ree nY e ll o w |
2 | $\textcolor{Yellow}{颜色:Yellow}$ |
Color: Y ellow \textcolor{Yellow}{color: Yellow}Color: Y e ll o w |
3 | $\textcolor{Goldenrod}{颜色:Goldenrod}$ |
Color: Gold oldenrod \textcolor{Goldenrod}{color: Goldenrod}Color: G o l d e n ro d |
4 | $\textcolor{Dandelion}{颜色:Dandelion}$ |
Color: Dandelion \textcolor{Dandelion}{color: Dandelion}Color : Dan d e l i o n |
5 | $\textcolor{Apricot}{颜色:Apricot}$ |
Color: A pricot \textcolor{Apricot}{color: Apricot}Color: A p r i co t |
6 | $\textcolor{Peach}{颜色:Peach}$ |
Color: P each \textcolor{Peach}{color: Peach}Color: P e a c h |
7 | $\textcolor{Melon}{颜色:Melon}$ |
Color: Melon \textcolor{Melon}{color: Melon}Color: M e l o n |
8 | $\textcolor{YellowOrange}{颜色:YellowOrange}$ |
Language: Y ellow O range \textcolor{YellowOrange}{Language:YellowOrange}Color: Y e ll o wO r an g e |
9 | $\textcolor{Orange}{颜色:Orange}$ |
Color: O range \textcolor{Orange}{color: Orange}Color: O r an g e |
10 | $\textcolor{BurntOrange}{颜色:BurntOrange}$ |
Color: Burnt O range \textcolor{BurntOrange}{color: BurntOrange}Color: B u r n tO r an g e |
11 | $\textcolor{Bittersweet}{颜色:Bittersweet}$ |
Color: Bittersweet \textcolor{Bittersweet}{color: Bittersweet}Color: B i tt ers w ee t |
12 | $\textcolor{RedOrange}{颜色:RedOrange}$ |
Color: R ed O range \textcolor{RedOrange}{color: RedOrange}Color: R e d O r an g e |
13 | $\textcolor{Mahogany}{颜色:Mahogany}$ |
Color: Mahogany \textcolor{Mahogany}{color: Mahogany}Color : Mah o g an y |
14 | $\textcolor{Maroon}{颜色:Maroon}$ |
Color: Maroon \textcolor{Maroon}{color: Maroon}Color: M a roo n |
15 | $\textcolor{BrickRed}{颜色:BrickRed}$ |
Color: B rick R ed \textcolor{BrickRed}{color: BrickRed}Color : B r i ck red _ _ |
16 | $\textcolor{Red}{颜色:Red}$ |
Color: R ed \textcolor{Red}{color: Red}Color : Red _ |
17 | $\textcolor{OrangeRed}{颜色:OrangeRed}$ |
Color: O range R ed \textcolor{OrangeRed}{color: OrangeRed}Color : O r an g e Red _ |
18 | $\textcolor{RubineRed}{颜色:RubineRed}$ |
Color: R ubine R ed \textcolor{RubineRed}{color: RubineRed}Color : R u bin e Red _ |
19 | $\textcolor{WildStrawberry}{颜色:WildStrawberry}$ |
Color: Wild Strawberry \textcolor{WildStrawberry}{Color: WildStrawberry}Color: Wi l d St r a w b erry |
20 | $\textcolor{Salmon}{颜色:Salmon}$ |
Color: S almon \textcolor{Salmon}{color: Salmon}Color: S a l m o n |
21 | $\textcolor{CarnationPink}{颜色:CarnationPink}$ |
Color: Carnation P ink \textcolor{CarnationPink}{color: CarnationPink}Color : C a r na t i o n Pink |
22 | $\textcolor{Magenta}{颜色:Magenta}$ |
Color: M agenta \textcolor{Magenta}{color: Magenta}Color: M a g e n t a |
23 | $\textcolor{VioletRed}{颜色:VioletRed}$ |
Color: Violet R ed \textcolor{VioletRed}{color: VioletRed}Color: Vi o l e tR e d |
24 | $\textcolor{Rhodamine}{颜色:Rhodamine}$ |
Color: R hodamine \textcolor{Rhodamine}{color: Rhodamine}Color: R h o d amin e |
25 | $\textcolor{Mulberry}{颜色:Mulberry}$ |
颜色: M u l b e r r y \textcolor{Mulberry}{颜色:Mulberry} 颜色:Mulberry |
26 | $\textcolor{RedViolet}{颜色:RedViolet}$ |
颜色: R e d V i o l e t \textcolor{RedViolet}{颜色:RedViolet} 颜色:RedViolet |
27 | $\textcolor{Fuchsia}{颜色:Fuchsia}$ |
颜色: F u c h s i a \textcolor{Fuchsia}{颜色:Fuchsia} 颜色:Fuchsia |
28 | $\textcolor{Lavender}{颜色:Lavender}$ |
颜色: L a v e n d e r \textcolor{Lavender}{颜色:Lavender} 颜色:Lavender |
29 | $\textcolor{Thistle}{颜色:Thistle}$ |
颜色: T h i s t l e \textcolor{Thistle}{颜色:Thistle} 颜色:Thistle |
30 | $\textcolor{Orchid}{颜色:Orchid}$ |
颜色: O r c h i d \textcolor{Orchid}{颜色:Orchid} 颜色:Orchid |
31 | $\textcolor{DarkOrchid}{颜色:DarkOrchid}$ |
颜色: D a r k O r c h i d \textcolor{DarkOrchid}{颜色:DarkOrchid} 颜色:DarkOrchid |
32 | $\textcolor{Purple}{颜色:Purple}$ |
颜色: P u r p l e \textcolor{Purple}{颜色:Purple} 颜色:Purple |
33 | $\textcolor{Plum}{颜色:Plum}$ |
颜色: P l u m \textcolor{Plum}{颜色:Plum} 颜色:Plum |
34 | $\textcolor{Violet}{颜色:Violet}$ |
颜色: V i o l e t \textcolor{Violet}{颜色:Violet} 颜色:Violet |
35 | $\textcolor{RoyalPurple}{颜色:RoyalPurple}$ |
颜色: R o y a l P u r p l e \textcolor{RoyalPurple}{颜色:RoyalPurple} 颜色:RoyalPurple |
36 | $\textcolor{BlueViolet}{颜色:BlueViolet}$ |
颜色: B l u e V i o l e t \textcolor{BlueViolet}{颜色:BlueViolet} 颜色:BlueViolet |
37 | $\textcolor{Periwinkle}{颜色:Periwinkle}$ |
颜色: P e r i w i n k l e \textcolor{Periwinkle}{颜色:Periwinkle} 颜色:Periwinkle |
38 | $\textcolor{CadetBlue}{颜色:CadetBlue}$ |
颜色: C a d e t B l u e \textcolor{CadetBlue}{颜色:CadetBlue} 颜色:CadetBlue |
39 | $\textcolor{CornflowerBlue}{颜色:CornflowerBlue}$ |
颜色: C o r n f l o w e r B l u e \textcolor{CornflowerBlue}{颜色:CornflowerBlue} 颜色:CornflowerBlue |
40 | $\textcolor{MidnightBlue}{颜色:MidnightBlue}$ |
颜色: M i d n i g h t B l u e \textcolor{MidnightBlue}{颜色:MidnightBlue} 颜色:MidnightBlue |
41 | $\textcolor{NavyBlue}{颜色:NavyBlue}$ |
颜色: N a v y B l u e \textcolor{NavyBlue}{颜色:NavyBlue} 颜色:NavyBlue |
42 | $\textcolor{RoyalBlue}{颜色:RoyalBlue}$ |
颜色: R o y a l B l u e \textcolor{RoyalBlue}{颜色:RoyalBlue} 颜色:RoyalBlue |
43 | $\textcolor{Blue}{颜色:Blue}$ |
颜色: B l u e \textcolor{Blue}{颜色:Blue} 颜色:Blue |
44 | $\textcolor{Cerulean}{颜色:Cerulean}$ |
颜色: C e r u l e a n \textcolor{Cerulean}{颜色:Cerulean} 颜色:Cerulean |
45 | $\textcolor{Cyan}{颜色:Cyan}$ |
颜色: C y a n \textcolor{Cyan}{颜色:Cyan} 颜色:Cyan |
46 | $\textcolor{ProcessBlue}{颜色:ProcessBlue}$ |
颜色: P r o c e s s B l u e \textcolor{ProcessBlue}{颜色:ProcessBlue} 颜色:ProcessBlue |
47 | $\textcolor{SkyBlue}{颜色:SkyBlue}$ |
颜色: S k y B l u e \textcolor{SkyBlue}{颜色:SkyBlue} 颜色:SkyBlue |
48 | $\textcolor{Turquoise}{颜色:Turquoise}$ |
颜色: T u r q u o i s e \textcolor{Turquoise}{颜色:Turquoise} 颜色:Turquoise |
49 | $\textcolor{TealBlue}{颜色:TealBlue}$ |
颜色: T e a l B l u e \textcolor{TealBlue}{颜色:TealBlue} 颜色:TealBlue |
50 | $\textcolor{Aquamarine}{颜色:Aquamarine}$ |
颜色: A q u a m a r i n e \textcolor{Aquamarine}{颜色:Aquamarine} 颜色:Aquamarine |
51 | $\textcolor{BlueGreen}{颜色:BlueGreen}$ |
颜色: B l u e G r e e n \textcolor{BlueGreen}{颜色:BlueGreen} 颜色:BlueGreen |
52 | $\textcolor{Emerald}{颜色:Emerald}$ |
颜色: E m e r a l d \textcolor{Emerald}{颜色:Emerald} 颜色:Emerald |
53 | $\textcolor{JungleGreen}{颜色:JungleGreen}$ |
颜色: J u n g l e G r e e n \textcolor{JungleGreen}{颜色:JungleGreen} 颜色:JungleGreen |
54 | $\textcolor{SeaGreen}{颜色:SeaGreen}$ |
颜色: S e a G r e e n \textcolor{SeaGreen}{颜色:SeaGreen} 颜色:SeaGreen |
55 | $\textcolor{Green}{颜色:Green}$ |
颜色: G r e e n \textcolor{Green}{颜色:Green} 颜色:Green |
56 | $\textcolor{ForestGreen}{颜色:ForestGreen}$ |
颜色: F o r e s t G r e e n \textcolor{ForestGreen}{颜色:ForestGreen} 颜色:ForestGreen |
57 | $\textcolor{PineGreen}{颜色:PineGreen}$ |
颜色: P i n e G r e e n \textcolor{PineGreen}{颜色:PineGreen} 颜色:PineGreen |
58 | $\textcolor{LimeGreen}{颜色:LimeGreen}$ |
颜色: L i m e G r e e n \textcolor{LimeGreen}{颜色:LimeGreen} 颜色:LimeGreen |
59 | $\textcolor{YellowGreen}{颜色:YellowGreen}$ |
颜色: Y e l l o w G r e e n \textcolor{YellowGreen}{颜色:YellowGreen} 颜色:YellowGreen |
60 | $\textcolor{SpringGreen}{颜色:SpringGreen}$ |
颜色: S p r i n g G r e e n \textcolor{SpringGreen}{颜色:SpringGreen} 颜色:SpringGreen |
61 | $\textcolor{OliveGreen}{颜色:OliveGreen}$ |
颜色: O l i v e G r e e n \textcolor{OliveGreen}{颜色:OliveGreen} 颜色:OliveGreen |
62 | $\textcolor{RawSienna}{颜色:RawSienna}$ |
颜色: R a w S i e n n a \textcolor{RawSienna}{颜色:RawSienna} 颜色:RawSienna |
63 | $\textcolor{Sepia}{颜色:Sepia}$ |
颜色: S e p i a \textcolor{Sepia}{颜色:Sepia} 颜色:Sepia |
64 | $\textcolor{Brown}{颜色:Brown}$ |
颜色: B r o w n \textcolor{Brown}{颜色:Brown} 颜色:Brown |
65 | $\textcolor{Tan}{颜色:Tan}$ |
颜色: T a n \textcolor{Tan}{颜色:Tan} 颜色:Tan |
66 | $\textcolor{Gray}{颜色:Gray}$ |
颜色: G r a y \textcolor{Gray}{颜色:Gray} 颜色:Gray |
67 | $\textcolor{Black}{Black}$ |
颜色: B l a c k \textcolor{Black}{颜色:Black} 颜色:Black |
方法二:使用html代码
设置颜色
因为typora支持html语法,所以可以借助html语句来修改文本颜色
文本颜色设置公式
<span style="color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;">你要改色的文字</span>
示例:绿色 效果如下:
绿色的文字内容
颜色代码
同方法一
方法三:借助第三方软件AutoHotKey
AutoHotKey是一款著名的windows系统快捷键设置的软件,轻便小巧。
官方下载地址: https://autohotkey.com/download/ahk-install.exe
操作步骤
-
先安装AutoHotKey
-
创建文本,并输入一下内容
; Typora ; 快捷增加字体颜色 ; SendInput {Text} 解决中文输入法问题 #IfWinActive ahk_exe Typora.exe { ; Ctrl+Alt+O 橙色 ^!o::addFontColor("orange") ; Ctrl+Alt+R 红色 ^!r::addFontColor("red") ; Ctrl+Alt+B 浅蓝色 ^!b::addFontColor("cornflowerblue") } ; 快捷增加字体颜色 addFontColor(color){ clipboard := "" ; 清空剪切板 Send {ctrl down}c{ctrl up} ; 复制 SendInput {TEXT}<font color='%color%'> SendInput {ctrl down}v{ctrl up} ; 粘贴 If(clipboard = ""){ SendInput {TEXT}</font> ; Typora 在这不会自动补充 }else{ SendInput {TEXT}</ ; Typora中自动补全标签 } }
-
将文件保存为ahk后缀的文件,如AutoHotKey.ahk
-
双击运行
-
In the Typora software, you can use shortcut keys to perform desired modification operations (if you want more shortcut key settings, you can add them yourself in the AutoHotKey.ahk file):
- For example, press Ctrl+Alt+O to add orange, Ctrl+Alt+R to red, press Ctrl+\ to cancel the style!
-
You can also right-click the AutoHotKey.ahk script file, click Compile Script to compile the script into an exe program, and you can run it on other computers without downloading Autohotkey.