Markdown 中设置文本字体为红色（改变字体颜色）的方法

我就是我 2023-05-28 06:45 13阅读 0赞

### 文章目录 ###

*  1. 按
 *  2. HTML代码
 *  3. KaTex/MathJax代码

# 1. 按 #

Markdown支持内嵌 HTML与用KaTex/MathJax的代码。  
因此共有两种方式，可以使用H5的方式，也可以使用KaTex/MathJax的方式。

对于颜色，可以使用颜色名（大多数的浏览器都支持颜色名集合），也可以使用对应的十六进制的颜色值（兼容性更强，但较难记忆）。  
常用颜色及其对应的十六进制和颜色名

<table> 
 <thead> 
 <tr> 
 <th>Color</th> 
 <th>Color HEX</th> 
 <th>Color Name</th> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>红色</td> 
 <td>#FF0000</td> 
 <td>red</td> 
 </tr> 
 <tr> 
 <td>橙色</td> 
 <td>#FF7D00</td> 
 <td>orange</td> 
 </tr> 
 <tr> 
 <td>黄色</td> 
 <td>#FFFF00</td> 
 <td>yellow</td> 
 </tr> 
 <tr> 
 <td>绿色</td> 
 <td>#008000</td> 
 <td>green</td> 
 </tr> 
 <tr> 
 <td>亮绿色</td> 
 <td>#00FF00</td> 
 <td>lime</td> 
 </tr> 
 <tr> 
 <td>灰绿色</td> 
 <td>#32CD32</td> 
 <td>LimeGreen</td> 
 </tr> 
 <tr> 
 <td>蓝色</td> 
 <td>#0000FF</td> 
 <td>Blue</td> 
 </tr> 
 <tr> 
 <td>蓝绿色（蓝绿均全色）</td> 
 <td>#00FFFF</td> 
 <td>Cyan</td> 
 </tr> 
 <tr> 
 <td>蓝绿色（蓝绿均半色）</td> 
 <td>#008080</td> 
 <td>teal</td> 
 </tr> 
 <tr> 
 <td>深蓝色</td> 
 <td>#000080</td> 
 <td>navy</td> 
 </tr> 
 <tr> 
 <td>浅蓝色</td> 
 <td>#A0B0E0</td> 
 <td>NavyBlue</td> 
 </tr> 
 <tr> 
 <td>紫红色（新的命名）</td> 
 <td>#FF00FF</td> 
 <td>Magenta</td> 
 </tr> 
 <tr> 
 <td>紫红色（旧的命名）</td> 
 <td>#FF00FF</td> 
 <td>fuchsia</td> 
 </tr> 
 <tr> 
 <td>黑色</td> 
 <td>#000000</td> 
 <td>Black</td> 
 </tr> 
 <tr> 
 <td>艾丽丝蓝</td> 
 <td>#F0F8FF</td> 
 <td>AliceBlue</td> 
 </tr> 
 <tr> 
 <td>古典白色</td> 
 <td>#FAEBD7</td> 
 <td>AntiqueWhite</td> 
 </tr> 
 <tr> 
 <td>浅绿色</td> 
 <td>#7FFFD4</td> 
 <td>Aquamarine</td> 
 </tr> 
 <tr> 
 <td>蓝紫色</td> 
 <td>#8A2BE2</td> 
 <td>BlueViolet</td> 
 </tr> 
 <tr> 
 <td>棕色</td> 
 <td>#A52A2A</td> 
 <td>Brown</td> 
 </tr> 
 <tr> 
 <td>灰色</td> 
 <td>#808080</td> 
 <td>gray</td> 
 </tr> 
 <tr> 
 <td>橄榄绿色</td> 
 <td>#808000</td> 
 <td>olive</td> 
 </tr> 
 <tr> 
 <td>草绿色</td> 
 <td>#6B8E23</td> 
 <td>OliveDrab</td> 
 </tr> 
 <tr> 
 <td>紫色</td> 
 <td>#800080</td> 
 <td>purple</td> 
 </tr> 
 <tr> 
 <td>银色</td> 
 <td>#C0C0C0</td> 
 <td>silver</td> 
 </tr> 
 <tr> 
 <td>白色</td> 
 <td>#FFFFFF</td> 
 <td>white</td> 
 </tr> 
 </tbody> 
</table>

更多颜色名称及16进制的颜色值，请参考：[https://tool.oschina.net/commons?type=3][https_tool.oschina.net_commons_type_3]

本文代码以红色为例，其他颜色只需要将颜色改为其他颜色的16进制颜色值，或者改成其他颜色名即可。

# 2. HTML代码 #

* 代码
 
 　 text 
 
 或者
 
 　 text 
 * 效果 
 text

# 3. KaTex/MathJax代码 #

*  代码
    
        $\color{ red}{ 红色字}$
    
    或者
    
        $\color{ FF0000}{ 红色字}$
 *  效果  
     红 色 字 \\color\{red\}\{红色字\} 红色字

[https_tool.oschina.net_commons_type_3]: https://tool.oschina.net/commons?type=3