【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>
相关推荐
恋猫de小郭14 小时前
Android 原生的 Compose A2UI 也来了,你还抱着 XML 养老吗?
android·前端·flutter
庄园特聘拆椅狂魔14 小时前
从连连看到粒子消散——前端小游戏与视觉特效的技术选型
前端
JudithHuang14 小时前
React 常用 Hooks
前端·react.js·前端框架
sycmancia15 小时前
Qml——Window元素使用
前端
每天都好困15 小时前
03 AR 投影与误差修正:把地图上的点贴到视频画面上
前端
每天都好困15 小时前
04 地图图层封装:像管理 Photoshop 图层一样管理地图元素
前端
去伪存真16 小时前
构建你的第一个 DevOps AI Agent:自动化捕获、分析并修复 CI 故障
前端·agent
niucloud-admin16 小时前
JAVA V6 多商户商城 开发文档——手机端前端
java·开发语言·前端
skywalk816316 小时前
deepseekharness在对话中,有四种模式,分别是极简、PTC、创造和标准模式,每种模式下挂载的插件、skill等数量不一样
前端·人工智能·实践
愛芳芳16 小时前
element-plus+vite+vue3+pinpa+mock+typeScript搭建经典的电商管理后台
前端·javascript·typescript