【Markdown】可用的所有 HTML 标准颜色

【Markdown】颜色的运用

Markdown 本身无颜色语法,但支持 HTML ,可用所有 HTML 标准颜色名(共 148 个)。

✅ 基础 16 色(必认)

black(黑)、white(白)red(红)、green(绿)、blue(蓝)

yellow(黄)、cyan(青)、magenta(品红)gray(灰)、silver(银)

maroon(褐红)、olive(橄榄绿)、purple(紫)、teal(水绿)、navy(藏青)、fuchsia(紫红)

🎨 常用扩展色(高频)

红系:LightPink、Pink、HotPink、DeepPink、Salmon、Coral、Tomato、FireBrick

橙黄系:Orange、DarkOrange、Gold、Khaki、LemonChiffon

绿系:LightGreen、LimeGreen、ForestGreen、SeaGreen、MintCream

蓝系:LightSkyBlue、SkyBlue、DeepSkyBlue、DodgerBlue、RoyalBlue、MidnightBlue

紫粉系:Lavender、Plum、Orchid、Violet、MediumVioletRed

棕灰系:SaddleBrown、SandyBrown、Chocolate、DimGray、LightGray、SlateGray

📌 写法示例

html 复制代码
<font color="red">红色文字</font>
<font color="DeepSkyBlue">深天蓝文字</font>

💡 提示

颜色名不区分大小写(red/Red 均可)。

完整 148 色可查:HTML Named Colors 官方列表。

也可直接用十六进制(如 #ff0000)或 RGB 值。

Markdown 可用 HTML 字体颜色 直接复制示例

一、基础 16 色(通用兼容最强)

黑色文字 、白色文字、红色文字、绿色文字、蓝色文字、黄色文字、
青色文字、品红文字、灰色文字、银色文字、褐红文字、橄榄绿文字、
紫色文字、水绿文字、藏青文字、紫红文字

html 复制代码
<font color="black">黑色文字</font>
<font color="white">白色文字</font>
<font color="red">红色文字</font>
<font color="green">绿色文字</font>
<font color="blue">蓝色文字</font>
<font color="yellow">黄色文字</font>
<font color="cyan">青色文字</font>
<font color="magenta">品红文字</font>
<font color="gray">灰色文字</font>
<font color="silver">银色文字</font>
<font color="maroon">褐红文字</font>
<font color="olive">橄榄绿文字</font>
<font color="purple">紫色文字</font>
<font color="teal">水绿文字</font>
<font color="navy">藏青文字</font>
<font color="fuchsia">紫红文字</font>
二、常用粉色 / 红色系

浅粉、粉色、艳粉、深粉、肉粉、
珊瑚色、番茄红、砖红

html 复制代码
<font color="LightPink">浅粉</font>
<font color="Pink">粉色</font>
<font color="HotPink">艳粉</font>
<font color="DeepPink">深粉</font>
<font color="Salmon">肉粉</font>
<font color="Coral">珊瑚色</font>
<font color="Tomato">番茄红</font>
<font color="FireBrick">砖红</font>
三、橙色 / 黄色系

橙色、深橙、金色、卡其色、柠檬浅黄

html 复制代码
<font color="Orange">橙色</font>
<font color="DarkOrange">深橙</font>
<font color="Gold">金色</font>
<font color="Khaki">卡其色</font>
<font color="LemonChiffon">柠檬浅黄</font>
四、绿色系

浅绿、草绿、森林绿、海绿、薄荷绿

html 复制代码
<font color="LightGreen">浅绿</font>
<font color="LimeGreen">草绿</font>
<font color="ForestGreen">森林绿</font>
<font color="SeaGreen">海绿</font>
<font color="MintCream">薄荷绿</font>
五、蓝色系(最常用)

浅天蓝、天蓝色、深天蓝、道奇蓝、宝蓝、午夜蓝

html 复制代码
<font color="LightSkyBlue">浅天蓝</font>
<font color="SkyBlue">天蓝色</font>
<font color="DeepSkyBlue">深天蓝</font>
<font color="DodgerBlue">道奇蓝</font>
<font color="RoyalBlue">宝蓝</font>
<font color="MidnightBlue">午夜蓝</font>
六、紫色 / 淡紫系

薰衣草紫、梅子紫、兰花紫、紫罗兰、紫罗兰红

html 复制代码
<font color="Lavender">薰衣草紫</font>
<font color="Plum">梅子紫</font>
<font color="Orchid">兰花紫</font>
<font color="Violet">紫罗兰</font>
<font color="MediumVioletRed">紫罗兰红</font>
七、棕色 / 高级灰色系

马鞍棕、沙棕、巧克力色、暗灰、浅灰、石板灰

html 复制代码
<font color="SaddleBrown">马鞍棕</font>
<font color="SandyBrown">沙棕</font>
<font color="Chocolate">巧克力色</font>
<font color="DimGray">暗灰</font>
<font color="LightGray">浅灰</font>
<font color="SlateGray">石板灰</font>
八、十六进制颜色(万能通用,任意色都能调)

纯红、浅蓝、淡紫、深灰

html 复制代码
<font color="#ff0000">纯红</font>
<font color="#0099ff">浅蓝</font>
<font color="#9966cc">淡紫</font>
<font color="#333333">深灰</font>
相关推荐
weixin_431600441 小时前
前端数据埋点(1):一次点击如何变成一条埋点
前端·js·数据埋点
IT_陈寒1 小时前
Python线程池吞了异常还不告诉我,这谁顶得住啊
前端·人工智能·后端
计算机魔术师2 小时前
同样是AI辅助建造,为什么有的游戏三个月就烂尾了?
前端
用户921080262862 小时前
0. 做 Agent 产品,前端 AI 组件框架怎么选?
前端
拾年2753 小时前
React Hooks 进阶篇:useMemo / useCallback / useReducer / useImperativeHandle,用「算账 +
前端·javascript·react.js
Jackson__3 小时前
面试官:如何在老项目中使用新框架,并实现通信?
前端·javascript·面试
拾年2753 小时前
React Hooks 保姆级教程:把组件想象成失忆的打工人,4 个 Hook 带你原地起飞
前端·javascript·react.js
mmsx3 小时前
一个 Bug 修了 12 轮,根因只有一句话:AI 编程时代,日志才是唯一的真相
前端
默_笙3 小时前
😝 5 亿次循环卡死页面?我用 Web Worker 把它扔进后台线程,页面丝滑如初
前端·javascript
CAD老兵3 小时前
一行代码集成 DWG/DXF 图纸查看:测量批注,数据不出站
前端·javascript·github