HTML颜色代码表 - 标准颜色名称、十六进制(HEX)与RGB值查询

HTML颜色代码表 – 标准颜色名称、十六进制(HEX)与RGB值查询

基础颜色74种颜色

📱 Material Design 颜色190种颜色

🏮 中国传统颜色100种颜色

🎯 扁平化设计颜色20种颜色

🌐 Web 安全色20种颜色

🏢 流行品牌色22种颜色

🎨 常用颜色搭配色系表

用于网页、PPT、海报的"颜色搭配表大全图片",集合互补、类比与冷暖对比,便于快速套用。

👔 衣服/服装颜色搭配表

覆盖"衣服颜色搭配表及效果图片"最常问的穿衣颜色搭配口味,细分通勤、男士、国风与节日方案。

🎯 两种颜色搭配表

"两种颜色搭配表大全"与"颜色混合变色表"常常一起被搜索,这里列出高频的双色组合。

✨ 莫兰迪&高级灰色系

满足"莫兰迪色系颜色表""常用rgb颜色表"用户的柔和偏好,适合高端品牌与家居视觉。

常用颜色代码对应表:十六进制 / RGB / CMYK / 使用场景

颜色 名称 HEX RGB CMYK 用途

RGB 颜色表 & 十六进制颜色表:网页安全色、品牌常用色与灰度色阶

颜色 名称 HEX RGB CMYK 用途

颜色波长对应表:可见光波长范围、常见色值与 RGB 示例

颜色 波长范围 (nm) 参考 HEX RGB 说明

RGB565 对应示例:常用色的 16bit 数值

颜色 HEX RGB RGB565 场景
HEX
#667EEA
RGB
102,126,234
HSL
229°,76%,66%

RGB 调节

红色 (Red) 102
绿色 (Green) 126
蓝色 (Blue) 234

快速选择

🎨 颜色格式转换

支持HEX、RGB、HSL、CMYK等多种颜色格式的相互转换

#667EEA
HEX 十六进制 网页常用
网页常用,十六进制颜色代码,以 # 开头,后跟 6 位字符
RGB 三原色 屏幕显示
屏幕显示,红(R)、绿(G)、蓝(B)三个颜色通道,范围 0-255
HSL 色相饱和度亮度 设计友好
设计友好,色相(H: 0-360°)、饱和度(S: 0-100%)、亮度(L: 0-100%)
CMYK 印刷四色 印刷用
印刷用,青(C)、品红(M)、黄(Y)、黑(K),印刷行业标准
HSV/HSB 色相饱和度明度 设计软件
设计软件,色相(H: 0-360°)、饱和度(S: 0-100%)、明度(V: 0-100%)

🎨 CSS渐变色生成器

在线生成漂亮的渐变色,支持线性和径向渐变,一键复制CSS代码

起始
结束

✨ 精选渐变预设

常见问题 · 颜色搭配口诀
01颜色搭配表与颜色搭配色系表有什么区别?“颜色搭配表”侧重把常见组合整理成可视化色块;“颜色搭配色系表”会额外标注色系(互补、类似、莫兰迪等)与 HEX/RGB 数值。本页两者兼顾,并提供复制功能。
02十二种颜色搭配口诀有哪些?经典口诀包含“红配绿,醒目显活力”“蓝配橙,互补更吸睛”“黑白灰,百搭高级”“金配黑,气场拉满”。可结合此处 常用色系表、两种颜色搭配表 以及 颜色搭配口诀表 直接套用。
03衣服颜色搭配表怎么选?先确定肤色与场合,再从 服装颜色搭配表 选择小面积亮色 + 大面积中性色;需要更多颜色可搭配 颜色选择器 微调亮度
04Logo 或 PPT 用的颜色对应表如何确定?建议先参考 logo颜色搭配表 找到两到三种主色,再去 配色方案 扩展阴影色,最后在 颜色转换 中导出精确 HEX/RGB/CMYK。
05两种颜色混合会得到什么十六进制?可直接查阅上方“颜色混合变色表”,已列出 HEX 与 RGB 数值。若需要更细的 256 阶结果,可输入两种色值进入 颜色转换工具 计算平均值。
06颜色对应表和颜色代码对应表有什么区别?“颜色对应表”偏向名称与色值的映射,“颜色代码对应表”更强调 HEX/RGB/CMYK 等编码。本页将二者合并,并提供波长、RGB565 等扩展信息。
07如何快速找到某个 RGB/HEX 对应的中文名称?可以在上方搜索框输入 HEX 或 RGB 片段,系统会高亮匹配行;若要浏览更多中国传统色,可回到 颜色表 主站。
08这些颜色适用于印刷吗?表格中提供的 CMYK 为计算值,可在 转换工具 中进一步校准,再交由印刷厂调墨,以减少偏差。
094. RGB565 数值如何计算?RGB565 采用 5/6/5 bit,公式为:R(HEX) >> 3, G >> 2, B >> 3,再组合成 16bit。本表列出常用色,你也可以将 HEX 输入至 颜色转换 后手动换算。