web常用html颜色代码表

专业Web色彩参考工具

Web开发必备

HTML颜色代码
完整参考指南

收录 2026 年最常用的HTML颜色名称与十六进制代码对照表, 涵盖140+种标准Web安全色,助您快速构建精美的网页界面。

今日黄历

丙午年
二〇二六年五月初二
甲午月 辛酉日 · 生肖马
嫁娶、祭祀、理发
破土、出行、栽种
冲:(乙卯)兔 煞:东
上一个节气:芒种 · 下一个节气:夏至

使用指南

1

选择颜色

从颜色表中找到您需要的颜色,记下颜色名称或十六进制代码

2

编写代码

在HTML中使用style属性或CSS类应用颜色,如color: Red或color: #FF0000

3

预览效果

保存文件并在浏览器中预览,确保颜色显示效果符合预期

4

多端测试

在不同设备和浏览器上测试颜色兼容性,确保一致性

红色系

6种颜色
Red
#FF0000 标准红
复制
Crimson
#DC143C 深红
复制
FireBrick
#B22222 火砖红
复制
DarkRed
#8B0000 暗红
复制
IndianRed
#CD5C5C 印度红
复制
LightCoral
#F08080 浅珊瑚
复制

粉色系

5种颜色
Pink
#FFC0CB 粉红
复制
HotPink
#FF69B4 热粉
复制
DeepPink
#FF1493 深粉
复制
LightPink
#FFB6C1 浅粉
复制
PaleVioletRed
#DB7093 苍紫红
复制

橙黄色系

6种颜色
Orange
#FFA500 橙色
复制
DarkOrange
#FF8C00 深橙
复制
Coral
#FF7F50 珊瑚
复制
Gold
#FFD700 金色
复制
Yellow
#FFFF00 黄色
复制
Khaki
#F0E68C 卡其
复制

绿色系

6种颜色
Green
#008000 标准绿
复制
Lime
#00FF00 酸橙
复制
ForestGreen
#228B22 森林绿
复制
SeaGreen
#2E8B57 海绿
复制
Olive
#808000 橄榄
复制
Teal
#008080 青色
复制

蓝色系

6种颜色
Blue
#0000FF 标准蓝
复制
Navy
#000080 海军蓝
复制
SkyBlue
#87CEEB 天蓝
复制
SteelBlue
#4682B4 钢青
复制
DodgerBlue
#1E90FF 道奇蓝
复制
RoyalBlue
#4169E1 宝蓝
复制

紫色系

5种颜色
Purple
#800080 紫色
复制
Violet
#EE82EE 紫罗兰
复制
Indigo
#4B0082 靛青
复制
Orchid
#DA70D6 兰花紫
复制
MediumSlateBlue
#7B68EE 中板岩蓝
复制

灰度色系

6种颜色
Black
#000000 黑色
复制
DimGray
#696969 昏灰
复制
Gray
#808080 灰色
复制
Silver
#C0C0C0 银色
复制
LightGray
#D3D3D3 浅灰
复制
White
#FFFFFF 白色
复制

颜色代码转换提示

HEX转RGB:

#FF0000 = rgb(255, 0, 0)

颜色名称使用:

color: Red; 或 color: #FF0000;

6月推荐色

Coral
#FF7F50

活力春夏

颜色统计

总颜色数 140+
颜色类别 7大类
最后更新 2026年

兼容性提示

所有展示的颜色均为Web标准颜色,支持所有现代浏览器。 如需兼容旧版IE,建议使用十六进制代码而非颜色名称。

支持:Chrome, Firefox, Safari, Edge, IE9+

方位与神煞

财神方位 正东
喜神方位 西南
福神方位 西北
胎神位置 厨灶门 外东南