piapia123
zh

中国传统色彩

查询

所有处理都在浏览器本地完成,数据不上传服务器

输入
把文件拖到这里可直接载入
输出

中国的传统色名不是色号,是比喻:「天青」是雨后天空的颜色,「胭脂」是化妆用的那种红,「秋香色」是一种偏橄榄的黄绿。这带来两个方向的麻烦 —— 你心里想要「那种偏灰的浅蓝」,却不知道它在传统色里叫什么、色值是多少;而在文档、诗词或设计稿里看到「黛」「蟹壳青」「绯红」,又需要一个地方问「这到底是什么颜色」。这个工具就是这两个方向的对照表,161 个色名按红、黄、绿、蓝、苍、水、灰白、黑、金银九个色系分组。除了按名字查,也支持拿色值反查名字(把取色器取到的 `#9d2933` 粘进来,它会告诉你是「胭脂」)与别名互查(「妃红色」「杨妃色」指的其实是「粉红」)。结果里的色块是主角 —— 一排十六进制码在屏幕上等于没有信息,先看见颜色才谈得上对照。 每个颜色还额外给出该配黑字还是白字:这是拿到色值之后紧接着就要做的决定,而它不能靠眼睛估 —— 中间调的红色配黑字与白字的对比度是 5.5 比 3.8,凭感觉容易选错,选错了字就读不清。

功能

  • 161 个中国传统色,按红、黄、绿、蓝、苍、水、灰白、黑、金银九个色系分组
  • 每个颜色给出十六进制、RGB 与 HSL 三种写法,都能直接粘进样式表
  • 色块直接画在结果行上 —— 不用自己在脑子里把色号变成颜色
  • 按名字查:输入「胭脂」得到它的全部数值
  • 按色值反查名字:粘贴 `#9d2933`,它告诉你是「胭脂」
  • 按别名互查:「妃红色」「杨妃色」都能找到正名「粉红」
  • 支持片段匹配:输入「红」列出全部带红字的色名
  • 每个颜色标出配黑字还是白字更清楚,并给出 WCAG 对比度与是否达到 AA 级
  • 161 个色名全在可搜索的下拉里,想不起名字时可以顺着色系扫一遍
  • 留空看整张色谱,可以当色卡浏览
  • 粘贴容错:正文例子里的「」引号、全角引号都不影响查询
  • 颜色值本身可以逐行复制,方便贴进设计稿或代码

使用方法

  1. 在输入框里打一个色名,例如「胭脂」;想不起名字就点开下拉,按色系找
  2. 或者直接粘贴一个色值,例如 #9d2933,让它反查这个名字
  3. 结果给出色块、十六进制、RGB、HSL、所属色系、别名,以及该配黑字还是白字
  4. 留空则列出全部 161 色,按九个色系分段

常见问题

同一个色名,为什么不同网站给出的色值不一样?
因为传统色名本来就不是色号。它们是形容词 —— 「天青」形容的是雨过天晴那种青,而每个人心里的那片天空深浅不同。传统色名与色值的对应是近代出版物约定俗成的结果,不同色卡手册给出的数值常常差几个色阶(尤其是「苍」「水」这两组偏灰偏淡的颜色)。所以这个工具给的是一份通行的电子近似值,用来认色、取名、找灵感足够,不要把它当成印刷或生产的对色标准。真正要印东西,请用实物色卡。
这些色值是从哪里来的?
色名、色值与色系分组取自开源项目 zerosoul/chinese-colors(MIT 许可)的 `colors.json`。我们只搬了「名称 / 色值 / 色系」这三项事实数据,以及数据集里明确写出的别称,没有搬它的介绍文字 —— 那一份的说明里混着作者对印刷配比的个人判断,既不适合直接给用户看,也不是我们要承担的内容。别称只收「同色异名」的那几条,植物名(姜黄的别名「黄姜」是药材名)与画材名不收,免得把药材名搜到一个颜色上。
「配黑字还是白字」是怎么算的?
按 WCAG 2.1 的相对亮度公式算这块颜色与纯黑、纯白各自的对比度,取更高的那一边,并标出够不够 AA 级的 4.5:1。⚠️ 判据用的是 WCAG 的相对亮度(先做 sRGB 线性化再加权),不是 `r*0.299+g*0.587+b*0.114` 那种「感知亮度」—— 后者在深色与中间调上会明显偏乐观,而你是拿这个数字决定字色的。中间调的颜色(比如 `#ff2121` 那种红)两边差别不大,正是最容易选错的一类。
可以按英文色名查吗?
目前不行。这 161 个是中国传统色的中文名,而传统色名几乎没有通行的英文译名 —— 翻成 "sky blue" 之后,「天青」与「碧色」「青碧」的区别就全丢了,而你恰恰是靠这点区别在找颜色的。所以英文界面下色名保持中文原样,只是把标签与说明翻过去。要按英文色名查,请用颜色转换工具。
为什么搜「红」列出来的颜色比我想的多?
因为传统色名的构词本来就围绕着「红」——「海棠红」「石榴红」「樱桃色」「银红」「绯红」「嫣红」都是不同的颜色,而且分属不同的色系(「海棠红」在红系,「赭」在黄系但名里有赤)。片段匹配会把这些全部列出来,比反复猜准得多。想精确找一个,输入完整色名;想按色系浏览,留空看整张色谱。

相关工具