【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>
相关推荐
DTcode71 小时前
新的改变 # 2026前端避坑指南:CSS继承乱成一锅粥?inherit、initial和unset三招教你原地封神
html·面试宝典·web前端·网页开发
里欧跑得慢1 小时前
CSS 嵌套:编写更优雅的样式代码
前端·css·flutter·web
里欧跑得慢1 小时前
CSS变量与自定义属性详解
前端·css·flutter·web
yanchGod1 小时前
CSS page-break-before 属性详解:控制打印分页的艺术
前端·javascript·css·html·css3·html5
卜凡.1 小时前
Vue是对HTML、CSS、JS的标准化、组件化和响应式的上层抽象与增强
javascript·vue.js·html
练习时长一年1 小时前
分页插件冲突问题
服务器·前端·windows
dsyyyyy11011 小时前
CSS盒子模型
前端·css·css3
fengci.2 小时前
CTF+随机困难题目
android·开发语言·前端·学习·php