タイポラの文字色の設定

序文

タイポラ編集のテキストの色を変更する 2 つの方法を記録します

効果は以下の通りです

これは赤の色です\textcolor{赤}{これは赤の色です}こちらレッドカラーです

これは梅色です\textcolor{梅}{これは梅色}こちらプラムカラーです

方法 1: マークダウン構文を使用したインライン数式

色を設定する

色を設定するには、設定の Markdown 拡張構文でインライン数式を確認し、Typora を再起動する必要があります。

画像-20230612181501936

文字色の設定式

$\textcolor{颜色名}{文字内容} $

例: green- $\textcolor{green}{绿色的文字内容} $、効果は次のとおりです。

$\textcolor{緑}{緑色のテキスト コンテンツ} $

よく使われる色配合コード表

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

エフェクトのプレビュー

シリアルナンバー カラーコード 効果
1 $\textcolor{GreenYellow}{颜色:GreenYellow}$ 言語: 緑黄色 \textcolor{GreenYellow}{言語: GreenYellow}:グリーン_ _ _ _ _
2 $\textcolor{Yellow}{颜色:Yellow}$ カラー: Y イエロー \textcolor{イエロー}{カラー: イエロー}:イエロー_ _ _
3 $\textcolor{Goldenrod}{颜色:Goldenrod}$ 色: ゴールド オルデンロッド \textcolor{アキノキリンソウ}{色: アキノキリンソウ}:ゴールドエンドロッド_ _ _ _
4 $\textcolor{Dandelion}{颜色:Dandelion}$ 色: タンポポ \textcolor{タンポポ}{色: タンポポ}カラーダンデライオン_ _ _ _ _
5 $\textcolor{Apricot}{颜色:Apricot}$ カラー: アプリコット \textcolor{アプリコット}{色: アプリコット}:アプリコット_ _ _ _
6 $\textcolor{Peach}{颜色:Peach}$ カラー: 各 \textcolor{ピーチ}{カラー: ピーチ}:ピーチ_ _ _
7 $\textcolor{Melon}{颜色:Melon}$ 色: メロン \textcolor{メロン}{色: メロン}:メロン_ _ _
8 $\textcolor{YellowOrange}{颜色:YellowOrange}$ 言語: Y ellow O range \textcolor{YellowOrange}{Language:YellowOrange}:イエローオレンジ_ _ _ _ _ _
9 $\textcolor{Orange}{颜色:Orange}$ 色: O 範囲 \textcolor{オレンジ}{色: オレンジ}:オレンジ_ _ _
10 $\textcolor{BurntOrange}{颜色:BurntOrange}$ カラー: バーント O レンジ \textcolor{BurntOrange}{color: BurntOrange}:バーントオレンジ_ _ _ _ _ _
11 $\textcolor{Bittersweet}{颜色:Bittersweet}$ 色: ビタースウィート \textcolor{ビタースウィート}{色: ビタースウィート}:ビターズウィート_ _ _ _
12 $\textcolor{RedOrange}{颜色:RedOrange}$ 色: 赤 O 範囲 \textcolor{RedOrange}{color: RedOrange}カラーレッドオレンジ_ _ _ _ _
13 $\textcolor{Mahogany}{颜色:Mahogany}$ 色: マホガニー \textcolor{マホガニー}{色: マホガニー}:マホガニー_ _ _ _
14 $\textcolor{Maroon}{颜色:Maroon}$ 色: マルーン \textcolor{マルーン}{色: マルーン}色: M a roo n
15 $\textcolor{BrickRed}{颜色:BrickRed}$ カラー: ブリックレッド \textcolor{ブリックレッド}{色: ブリックレッド}:ブリックレッド_ _ _ _ _
16 $\textcolor{Red}{颜色:Red}$ 色: 赤 \textcolor{赤}{色: 赤}:_
17 $\textcolor{OrangeRed}{颜色:OrangeRed}$ カラー: O レンジレッド \textcolor{OrangeRed}{color: OrangeRed}:オレンジレッド_ _ _ _ _
18 $\textcolor{RubineRed}{颜色:RubineRed}$ カラー: ルビンレッド \textcolor{ルビンレッド}{色: ルビンレッド}カラールビンレッド_ _ _ _
19 $\textcolor{WildStrawberry}{颜色:WildStrawberry}$ カラー: ワイルドストロベリー \textcolor{ワイルドストロベリー}{カラー: ワイルドストロベリー}カラーワイルドストラベリー_ _ _ _ _
20 $\textcolor{Salmon}{颜色:Salmon}$ カラー: サーモン \textcolor{サーモン}{色: サーモン}:シルバー_ _ _ _
21 $\textcolor{CarnationPink}{颜色:CarnationPink}$ 色: カーネーション ピンク \textcolor{CarnationPink}{color: CarnationPink}カラー: C a r na t i o nピンク
22 $\textcolor{Magenta}{颜色:Magenta}$ カラー: M エージェント \textcolor{マゼンタ}{色: マゼンタ}カラーマゼンタ_ _ _ _ _
23 $\textcolor{VioletRed}{颜色:VioletRed}$ 色: バイオレットレッド \textcolor{バイオレットレッド}{色: バイオレットレッド}:バイオレット_ _ _ _ _
24 $\textcolor{Rhodamine}{颜色:Rhodamine}$ カラー: R ホーダミン \textcolor{ローダミン}{色: ローダミン}カラーロードアミン_ _ _
25 $\textcolor{Mulberry}{颜色:Mulberry}$ カラー: M マルベリー \textcolor{マルベリー}{色: マルベリー}カラー:マルベリー_ _ _
26 $\textcolor{RedViolet}{颜色:RedViolet}$ 色: 赤紫 \textcolor{赤紫}{色: 赤紫}:レッドバイオレット_ _ _ _ _
27 $\textcolor{Fuchsia}{颜色:Fuchsia}$ 色: フクシア \textcolor{フクシア}{色: フクシア}:フューシャ_ _ _ _
28 $\textcolor{Lavender}{颜色:Lavender}$ カラー: ラベンダー \textcolor{ラベンダー}{カラー: ラベンダー}:ラベンダー_ _ _ _ _
29 $\textcolor{Thistle}{颜色:Thistle}$ 色: シスル \textcolor{アザミ}{色: アザミ}:この_ _ _
30 $\textcolor{Orchid}{颜色:Orchid}$ 色: オーキッド \textcolor{オーキッド}{色: オーキッド}: Orc Hi d
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

  • 双击运行

  • Typora ソフトウェアでは、ショートカット キーを使用して必要な変更操作を実行できます (さらにショートカット キー設定が必要な場合は、AutoHotKey.ahk ファイルに自分で追加できます)。

    • たとえば、Ctrl+Alt+O を押すとオレンジ色が追加され、Ctrl+Alt+R を押すと赤色が追加され、Ctrl+\ を押すとスタイルがキャンセルされます。
  • AutoHotKey.ahk スクリプト ファイルを右クリックし、[スクリプトのコンパイル] をクリックしてスクリプトを exe プログラムにコンパイルすることもできます。これにより、Autohotkey をダウンロードせずに他のコンピュータでそのスクリプトを実行できます。

おすすめ

転載: blog.csdn.net/polaris3012/article/details/131175880