HTML颜色代码表 - 300种网页颜色代码大全

HTML 颜色代码表

收录 300 个网页常用十六进制颜色（#RRGGBB），分 20 组色系由深到浅排列，点击任意色块即可复制颜色代码。

300 个色值 20 组色系实时筛选 · 一键复制

支持色值（FF0000）、颜色名（深红）与色系（蓝、玫红）搜索，点击色块即复制

基础色系

灰阶与红紫方向，每列 16 阶由纯黑渐变到近白，可直接用于文字、背景与品牌主色。

灰阶Grayscale

#000000 → #FFFFFF

红色系Red

#2F0000 → #FFECEC

玫红系Rose

#600030 → #FFF7FB

紫色系Purple

#460046 → #FFF7FF

紫罗兰系Violet

#28004D → #FAF4FF

蓝青绿系

蓝色到绿色的完整色阶，科技、医疗、生态类页面的常用配色。

蓝色系Blue

#000079 → #FBFBFF

天蓝系Sky Blue

#000079 → #ECF5FF

青色系Teal

#003E3E → #FDFFFF

青绿系Emerald

#006030 → #FBFFFD

绿色系Green

#006000 → #F0FFF0

黄橙大地系

黄、金、橙、焦糖方向的暖色阶，适合促销、餐饮与温度感场景。

草绿系Lime

#467500 → #F5FFE8

黄色系Yellow

#424200 → #FFFFF4

金黄系Gold

#5B4B00 → #FFFCEC

橙色系Orange

#844200 → #FFFAF4

焦糖系Caramel

#642100 → #FFF3EE

柔和灰调系

降低饱和度的中性色，用作背景、边框、分割线时久看不累。

玫瑰褐系Rosewood

#613030 → #F2E6E6

橄榄卡其Olive

#616130 → #E8E8D0

石板青系Slate

#336666 → #D1E9E9

薰衣草灰Lavender

#484891 → #F3F3FA

梅子灰Plum

#6C3365 → #EBD3E8

没有匹配的颜色，换个色值或颜色名试试

关于 HTML 颜色代码

HTML 颜色代码用 16 进制的三对数字分别表示红、绿、蓝三种基本色，写作 #RRGGBB。以红色为例，代码是 #FF0000，即 R=255、G=0、B=0；每一对数字的取值范围是 00–FF（十进制 0–255），因此可组合出约 1677 万种颜色。颜色代码可以用于页面的背景、文字、链接、边框、表格等几乎所有样式属性。

十六进制（推荐）

#FF0000
#f00（简写）
#FF000080（含透明度）

RGB 函数

rgb(255, 0, 0)
rgba(255, 0, 0, .5)
rgb(255 0 0 / 50%)

HSL 函数

hsl(0, 100%, 50%)
hsla(0, 100%, 50%, .5)
色相 0–360 / 饱和 / 明度

颜色关键字

red
transparent（透明）
currentColor（继承文字色）

小技巧：写文字与背景搭配时，建议两者对比度不低于 4.5:1（正文）以保证可读性；同一个页面里的主色最好只取 1–2 个色系，其余用本表「柔和灰调系」的中性色打底，观感更统一。