设计配色 · 中国传统色

中国传统色

霁青/黛蓝/月白等 + HEX/五行

本地处理 · 不上传 免费 · 无需登录 无次数限制 累计 52 次使用
Chinese Traditional Colors
五 色 系Five Hues · 木火土金水
出 处 五 行by Source Wuxing
传 统 色 谱Gallery · 点色卡看详情
点选左侧任一传统色
查看 HEX / RGB / HSL / CMYK
与五色五行归类 · 同系邻近色 · 配色应用
就绪 · 故宫色彩美学 · 含 HEX / 拼音 / 五行 / 出处 · 全程浏览器本地处理
第一节

关于本工具

About

为网页配色时,从色卡里挑的「霁青」和「黛蓝」在屏幕上往往看不出差别。这个工具把每个传统色名换算成 HEX 色值,并标注其对应的五行属性——设计师在 Figma 里填色号、写文案需要五行对照时,直接查就行。所有换算在浏览器本地完成,色值数据不经过服务器。

使用场景

古画修复配色

一幅明代绢本花鸟因褪色,红绿主调已偏灰。修复师需要从画作残存的色块中推断原色,再调配矿物颜料补色。使用本工具,将残色 RGB 输入后,工具给出最接近的传统色名及五行归属(如朱砂属火、石绿属木),并联动显示其互补色与相邻色。修复师据此锁定「胭脂」「二绿」等色号,调配时有了古籍色谱依据,避免凭感觉补出色差。

汉服商家定染

新一批仿宋褙子要定染「天水碧」色,但染厂提供的色卡编号与古籍描述对不上。染厂报的是 CMYK 值,而设计师手头只有古籍「夕岚染就」的文学描述。通过本工具,输入任何一端(HEX / RGB / 色名),自动匹配到官方色名与五行属性——「天水碧」对应 #B3D4C3 属木。染厂直接按此 HEX 调浆,免去往返寄样打版。

游戏 UI 文化考据

古风手游的「丹药」图标需用「赭石」色,但策划给的色号偏黄。UI 设计师查本工具发现:赭石在传统色谱中属土,色值 #CC7722,五行对应脾胃,且与「琥珀」「檀木」同属暖土系。据此调整后,图标色与同界面「药炉」「陶罐」的材质色形成五行生克关系,美术总监一次过稿。

新中式装修选漆

客厅背景墙想刷「月白」,但市面上乳胶漆色卡有 5 种「月白」,从冷灰到暖白不等。业主把看中的色卡照片拍下来,在本工具输入近似 RGB 值,工具返回标准「月白」(#D6ECF0,属水),并提示与「霁青」「黛蓝」的明度梯度。业主拿这组色号去比对多乐士/立邦色卡,半小时锁定色号,避免刷完返工。

古籍数字化标色

图书馆在扫描《芥子园画传》时,需为每页的「绢色」「纸色」标注标准色值。扫描仪自动提取的 RGB 受灯光影响偏暖。工作人员用本工具,将扫描色值输入后,工具匹配到「牙色」「米汤娇」等传统色名与标准 HEX,并标注其五行(如「牙色」属土)。标色结果直接写入元数据,供后续学者引用时对照统一色标。

第二节

使用指南

Getting Started

使用步骤

  1. 1在色名列表中点选一个颜色(如「霁青」),右侧色块同步显示该色,并自动填充 HEX 值
  2. 2点选「五行」标签下的金/木/水/火/土,色名列表自动过滤出对应五行属性的颜色
  3. 3点击任意色块旁的复制图标,HEX 值(如 #B0C4DE)即写入剪贴板,页面顶部出现「已复制」提示

输入输出示例

输入输出说明
霁青HEX: #4C6A92 | 五行: 水常规:典型中国传统色名称,验证名称到HEX和五行的映射准确性
月白HEX: #D6ECF0 | 五行: 水常规:常见色名,月白并非白色而是淡蓝,验证色名与直觉的差异
黛蓝HEX: #425066 | 五行: 水常规:深色系代表,验证深色调HEX值输出是否合理
玄色HEX: #1A1A1A | 五行: 水边界:极暗色(近乎黑),验证工具对极限暗色的处理精度
雪白HEX: #F0F0F0 | 五行: 金边界:极亮色(近乎白),验证工具对极限亮色的处理精度
朱砂HEX: #C0392B | 五行: 火边界:红色系,验证五行属性是否与颜色直觉一致(红属火)
鸭卵青HEX: #A0B0C0 | 五行: 水易错:生僻色名,用户可能拼写错误(如写成'鸭蛋青'),验证工具对变体名称的容错
#FF5733名称: 朱砂 | 五行: 火易错:用户输入HEX而非色名,验证反向查询功能是否正常工作

常见错误对照

1.把色名当标准色值输入

✗ 错误在工具里搜「月白」却输入「白色」或「白」
✓ 修复直接输入「月白」

中国传统色名是专有名词,不是通用颜色描述。月白是淡蓝色,与白色无关,系统按色名库匹配,不是按语义理解。

2.误以为 HEX 值可以带 # 号

✗ 错误输入 #4A7C59 或 #4a7c59
✓ 修复4A7C59

工具 HEX 字段设计为纯六位十六进制,不含 #。带 # 会导致解析失败或匹配不到对应色名。

3.混淆五行属性与颜色对应关系

✗ 错误认为「水」对应「蓝色」所以搜索「水」
✓ 修复搜索「水」得到的是五行属性为水的色名,如「玄天」「幽蓝」,不是所有蓝色。

五行属性是颜色背后的文化分类,不是 RGB 色相分类。木火土金水各有特定色系,但同一五行下色相跨度很大。

4.用现代颜色名去反查传统色名

✗ 错误输入「浅蓝」想得到「月白」
✓ 修复直接输入「月白」或通过 HEX 值 #F0FFFF 反向查找

传统色名与现代色名没有一一对应关系。浅蓝可能是月白、碧落、晴山等多种色,工具不支持语义模糊匹配。

5.忽略色名中的多音字导致搜索失败

✗ 错误输入「茜色」时读作 xī sè 打成「西色」
✓ 修复输入「茜色」或直接复制「茜」字

茜读 qiàn(欠),不读 xī。传统色名中有大量生僻字、多音字(如:缥、纁、绀),建议直接复制使用。

6.把 HEX 值大小写混用后怀疑结果错误

✗ 错误输入「aBcDeF」发现匹配不到预期色名
✓ 修复输入「ABCDEF」或「abcdef」

HEX 值大小写不敏感,但工具内部统一转为大写处理。若混入空格或非法字符(如 G、H)则直接无效。

7.认为所有传统色都有标准 HEX 值

✗ 错误查「鸦青」发现 HEX 显示 #424C50,质疑不准确
✓ 修复理解 HEX 值是现代数字化的近似表示,色名本身是文化概念。

中国传统色源于古籍记载和工艺实物,不同年代、不同文献对同一色名的描述存在色差。HEX 值是参考值,不是绝对标准。

第三节

工作原理

How It Works

核心公式

HEX = #R₁R₂G₁G₂B₁B₂,其中 R₁R₂ = 取整(五行色R × 255) 的十六进制,G₁G₂、B₁B₂ 同理

变量说明

  • 五行色R0–1 浮点数,对应红色通道
  • 五行色G0–1 浮点数,对应绿色通道
  • 五行色B0–1 浮点数,对应蓝色通道
  • R₁R₂两位十六进制数,如 FF

示例

传统色「霁青」的五行色值为 R=0.18, G=0.31, B=0.47。R₁R₂ = 取整(0.18×255)=46 → 十六进制 2E;G₁G₂ = 取整(0.31×255)=79 → 4F;B₁B₂ = 取整(0.47×255)=120 → 78。最终 HEX = #2E4F78。

输入色名本地色名库匹配 HEX / 五行展示色值色块预览复制
用户输入 / 操作 本地处理 输出结果
第五节

常见问题

Q & A
我搜“月白”,出来好几个颜色,到底哪个才是真的月白?

中国传统色没有唯一国家标准,不同朝代、不同文献(如《天工开物》《布经》)对同一色名的记载可能有色差。本工具采用《中国传统色色谱》及故宫文物色卡作为主要参考源,每个颜色都标注了出处。如果看到多个“月白”,可以点开看备注里写的具体来源(如“清代服饰”或“明代瓷釉”),按自己需要选最接近的那个。

这个工具的HEX颜色准不准,能直接用在印刷上吗?

HEX是sRGB色域下的电子显示色值,适合网页、UI、PPT等屏幕用途。印刷需要CMYK四色模式,而且纸张材质、油墨品牌不同,最终颜色都会有偏差。本工具只给HEX,不输出CMYK。如果需要印刷参考,可以把HEX复制到Photoshop或Illustrator里转CMYK,再打小样校色。

为什么有些颜色下面没有五行属性?

五行(金木水火土)对应传统五正色——青、赤、黄、白、黑,以及它们的间色衍生。本工具对每个颜色标注五行,依据的是《尚书·洪范》《周礼·考工记》等典籍对五色与五行对应的记载。但并非所有传统色名在古代都有明确的五行归属,比如一些明清才出现的民间服饰色或外来色,原典未载,就不强行标注。

这个工具的颜色数据是从哪来的,靠谱吗?

主要来源包括:《中国传统色色谱》(郭浩、李健明编著)、故宫博物院官方色卡、《天工开物》《布经》《雪宦绣谱》等古籍中的染色记录。每个颜色的详情页里都标注了具体出处,比如“《布经》染蓝条”或“故宫藏乾隆月白缎”。如果发现某个颜色与实物有明显差异,欢迎通过反馈入口提交,会定期比对修正。

我想找的是一种古代染出来的颜色,不是屏幕色,这个工具能帮我吗?

可以部分参考。本工具给出的HEX是数字化的近似值,不是真实染料配方。如果你需要还原古代染色效果,建议在工具里查到颜色后,再看备注里的“染色原料”字段(如果有),比如“蓼蓝染”、“茜草染”。但真正的染色效果受面料、水温、媒染剂影响很大,HEX只能作为视觉参考,不能替代实物打样。

这个工具在手机浏览器上能用吗,要不要下载App?

完全基于浏览器运行(FE实现),不需要下载任何App。手机、平板、电脑上的主流浏览器(Chrome、Safari、Edge、微信内置浏览器)都可以直接打开使用。所有颜色数据和HEX转换都在本地完成,不依赖后端服务器,所以加载一次后即使网络慢也能正常浏览。

我搜颜色名时拼音和汉字混着写,能搜到吗?

目前搜索只支持精确汉字匹配。如果输入“dai lan”或“dai蓝”,可能搜不到“黛蓝”。建议直接输入完整汉字名称。如果不确定具体汉字,可以只输入部分字,比如搜“黛”会列出所有含“黛”的颜色列表。后续版本会考虑加入拼音模糊匹配。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

选择 打开 +新窗口 esc关闭