【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>
相关推荐
777VG2 小时前
PostgreSQL +martin将多张表输出成一个 MVT
前端·数据库·postgresql
mayaairi3 小时前
JS循环语句深度解析:嵌套for、while与do...while
开发语言·前端·javascript
To_OC3 小时前
啃完流式输出:从一个卡顿的 LLM 接口开始,我搞懂了数据流到底怎么 “流”
前端·javascript·llm
阳光是sunny3 小时前
LangGraph实战教程:defer延迟节点——让收尾工作自动排到最后
前端·人工智能·后端
kyriewen4 小时前
我用了三周Claude Code Skills——总结出5条铁律,第3条最反直觉
前端·ai编程·claude
阳光是sunny4 小时前
LangGraph实战教程:控制流详解
前端·人工智能·后端
格尔曼Noah5 小时前
Safari浏览器中如何只允许指定网站下载
前端·safari
用户059540174465 小时前
用了3年Redis,才发现我一直没搞懂缓存一致性测试
前端·css
swipe5 小时前
07|(前端转后全栈)为什么后端也要缓存?从前端缓存思维理解 Redis
前端·后端·全栈
IT小盘6 小时前
05-企业项目统一接入多个大模型-适配器模式实战
前端·人工智能·适配器模式