【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>
相关推荐
NiceCloud喜云7 小时前
Opus 4.8 的 Effort Control 怎么选:Low 到 Max 五档策略
android·java·大数据·前端·c++·python·spring
wordbaby8 小时前
React Native + RNOH:跨页面数据回传的最佳实践与避坑指南
前端·react native
丷丩8 小时前
MapLibre GL JS第22课:查看本地GeoJSON
前端·javascript·map·mapbox·maplibre gl js
Front思9 小时前
AI前端工程师需要具备能力+
前端·人工智能·ai
ZC跨境爬虫11 小时前
跟着 MDN 学CSS day_29:(掌握文本与字体样式的核心艺术)
前端·css·ui·html·tensorflow
李子琪。12 小时前
网络空间安全深度实战:CSRF 漏洞原理剖析与基于 Token 的纵深防御体系构建(全栈实验报告)
前端·安全·csrf
冰暮流星12 小时前
javascript之history对象介绍
前端·笔记
IT_陈寒12 小时前
Vite热更新失灵?你可能漏了这个配置
前端·人工智能·后端
丷丩12 小时前
MapLibre GL JS第19课:实时更新要素
前端·javascript·gis·map·mapbox·maplibre gl js
Mr.Daozhi12 小时前
RAG 进阶实战:跑通 Demo 后我连续翻了 6 次车,逐一修复才真正可用(含 Gradio Web 版)
前端·数据库·langchain·大模型·gradio·rag·科研工具