中国传统色工具收录了中华传统色彩体系中的经典颜色,每种颜色展示中文名称、拼音注音、HEX 十六进制代码、RGB 三通道值、CMYK 四色值以及基于该颜色生成的 Tailwind CSS 色阶,供设计师直接复制使用。数据来源于 zhongguose.com 整理的传统颜色档案。
颜色信息与复制方式
每个色块展示 CMYK 圆形进度图,C / M / Y / K 四个分量的百分比以环形可视化呈现,点击任意分量数字即可单独复制。
桌面端悬停色块后显示完整的 HEX、RGB、CMYK 色值卡片,点击任意色值复制;色块下方展示从浅到深的 Tailwind 风格色阶(50–900),点击任意色阶格复制对应的十六进制值。
移动端色值直接显示在色块下方,点击复制。
传统色名的命名来源
中国传统颜色名称大多取自自然物象,反映了先人对色彩的细腻观察:
矿物与植物来源
- 朱砂红 — 天然辰砂矿物的朱红色
- 靛青 — 蓝草提取的靛蓝染料
- 藤黄 — 藤本植物分泌的金黄树脂
- 石绿 — 铜矿石风化后的绿铜色
自然景物来源
- 天水碧 — 秋天水天相接处的青绿
- 月白 — 月光照射下的冷白
- 烟波蓝 — 水面薄雾的灰蓝
- 竹青 — 嫩竹表皮的黄绿
设计与印刷用途
复制 HEX 值可直接用于 Figma、Sketch 等设计工具;复制 RGB 值适用于屏幕显示场景;CMYK 值用于印刷输出,但需注意传统色的 CMYK 数据来自数字化转换,实际印刷效果因纸张和印刷机不同会有偏差,建议打样确认。
色阶数据基于原始颜色自动生成,适合在前端项目中直接配置为 Tailwind CSS 的自定义颜色——将对应的 HEX 值填入 tailwind.config.js 的颜色扩展即可获得完整的国风色阶系统。
检索方式
支持按中文名称、拼音、HEX 代码、RGB 值或 CMYK 数值进行关键词过滤。例如搜索"红"可筛选所有含红字的传统色名;搜索 #c93756 或 c93756 可精确定位对应颜色;搜索拼音如 zhu 可找到"朱砂""朱红"等含 zhu 音的颜色。