中国传统色查询教程:161 种传统色名称和十六进制色值,筛选、复制和设计配色
一句话答案
打开中国传统色工具,浏览 161 种传统色,点击色块即可复制 HEX 色值,例如妃色 #ED5736、海棠红 #DB5A6B、樱桃色 #C93756。传统色的现代色值是根据文献和实物推定的,不同资料来源可能不同,设计时以视觉效果为准。
广告Advertisement
浏览和复制
- 打开色卡:打开 中国传统色彩,页面列出 161 种传统色,每个色块标注名称和 HEX 色值。
- 筛选:在“筛选”框输入名称中的字,例如“红”“青”“黛”,点“筛选”只显示相关颜色。
- 复制:点击色块即可复制 HEX 色值,粘贴到设计软件或 CSS 中使用。

🎨 中国传统色彩
免费在线使用,文件和数据只在你的浏览器本地处理,无需注册。
色值来源
工具数据来自开源项目 zerosoul/chinese-colors(MIT 许可)。传统色名多见于古代文献、染织和瓷器,现代的 HEX 色值是后人根据描述和实物推定的。不同书籍和网站给出的同名颜色色值可能差别较大,这很正常,使用时以实际视觉效果为准。
广告Advertisement
HEX 和 RGB 换算
HEX 色值 #ED5736 中,ED、57、36 分别是红、绿、蓝三个通道的十六进制值,换成十进制是 RGB(237, 87, 54)。HEX、RGB、HSL 互换见 颜色代码转换。
配色建议
- 一主一辅一点缀:选一个传统色作为主色,搭配低饱和的米白、灰色,再用一个对比色点缀;
- 生成深浅色阶:把主色生成一组深浅不同的色阶,用于按钮、背景和文字,见 颜色深浅生成;
- 从图片取色:从国画、文物照片中提取配色,见 图片取色板;
- 注意对比度:浅色传统色(如月白、缃色)作背景时,文字要用足够深的颜色,保证可读性。
常见传统色举例
| 名称 | HEX | 说明 |
|---|---|---|
| 妃色 | #ED5736 | 偏橙的红色 |
| 海棠红 | #DB5A6B | 淡紫红色 |
| 樱桃色 | #C93756 | 鲜艳的深红 |
| 银红 | #F05654 | 带粉的红色 |
以上色值均来自本工具的数据。
常见问题
能用在商业设计中吗?
颜色本身不受著作权保护,工具数据采用 MIT 许可;但具体作品中的设计仍需自行确认版权。
印刷时颜色会变吗?
屏幕使用 RGB,印刷使用 CMYK,部分鲜艳的颜色无法准确印出,正式印刷前建议打样。
为什么同名颜色在别的网站色值不同?
传统色没有统一的官方色值标准,不同资料的推定方法不同。
本文用到的工具
相关教程
🎨
HEX 转 RGB 教程
设计稿给的是 #FF5733,代码里要写 rgb(),或者要把一组颜色批量换成纯数字?讲清 HEX 和 RGB 的换算方法…
🌈
颜色深浅色阶教程
设计按钮悬停色、背景浅色、边框色时,需要同一个颜色的多个深浅版本。教你用颜色深浅色阶生成工具从基础色生成 10 级 tints(混白)和 …
🎨
图片主色提取教程
看到一张好看的照片,想用它的配色做海报、PPT 或网页?教你用图片主色提取工具找出图片里的主要颜色,显示 HEX 色值和占比,调整颜色数量…
🎯
图片取色教程
看到一张好看的图片想知道某个颜色的色号?教你用在线图片取色器点击图片获取 HEX、RGB、HSL 颜色值,再用颜色转换器互转格式…