这个开源色卡工具，把中国传统颜色玩明白了，做国风设计副业直接起飞

国风设计火得一批，但配色总是翻车？

这几年国潮真的杀疯了，从汉服到文创，从品牌VI到自媒体封面，中国风元素简直是无脑吸睛的流量密码。但说实话，很多小伙伴上手做国风设计的时候，配色环节直接裂开——要么大红大绿像村口年画，要么灰扑扑的完全看不出“传统”在哪。

更头疼的是，网上那些配色方案要么收费，要么色值不准，印刷出来直接翻车。做副业接单的时候，甲方一句“我要那种高级的中国传统色”，当场就能把人整不会了。

这时候，一个放在 GitHub 上的开源项目「中国传统颜色」就能救命了。这个工具不仅整理了 500 多种中华传统色，还附带色值、名字出处，甚至能直接复制 CSS 代码，做设计、写网页、搞自媒体素材都嘎嘎好用。

项目全名就叫做「中国传统颜色」，是一个纯前端展示的网页工具，托管在 GitHub 上，打开就能用。它把散落在古籍、文物、传统绘画里的颜色名和色值整理得明明白白，什么“胭脂”“黛蓝”“秋香”“鸦青”，统统收录在列。

每个颜色都标了 CMYK 和 RGB 色值，部分还给了 HEX 码和 CSS 样式。点击颜色就能直接复制，贴到设计软件里立马用上。更贴心的是，颜色还按色系做了分类，红、黄、蓝、绿、紫……找起来跟刷小红书一样丝滑。

项目本身的界面也很有味道，古朴的排版配上传统纹样背景，光看着就很有灵感。虽然是个技术项目，但设计师、自媒体人、文创爱好者完全零门槛上手。

如果你在接 Logo、海报、包装、汉服纹样这类设计单，这个工具简直是行走的色卡库。以前翻《中国传统色》那本书配半天，现在直接打开网页，按色系筛选，一键复制色值，几分钟就能定下主色和辅色。

据项目介绍，颜色名称都有文献出处，像“朱砂”来自《天工开物》，“月白”出自《扬州画舫录》。跟甲方沟通的时候，直接甩个名字和出处，专业感拉满，过稿率都能高一大截。

做国风科普、汉服穿搭、手工教程这类内容的博主，最愁的就是视觉统一性。用这个工具，封面、字幕条、贴纸的配色全部从传统色里取，整个账号的画风瞬间高级起来。

有些博主甚至直接拿颜色名做选题，比如“5种绝美中国传统黄色，老祖宗的审美太绝了”，配上色卡截图，小红书点赞轻松破千。工具页面本身就很好看，截图当封面都不用二次加工。

项目是用 JavaScript 写的，代码开源，懂点前端的小伙伴可以直接把颜色数据扒下来，集成到自己的项目里。做国风主题的网站、小程序、H5 的时候，直接调用颜色变量，省得自己一个个调。

CSS 代码都给你写好了，复制粘贴就能用，做电商详情页、活动专题页的时候，效率直接起飞。

打开项目的 GitHub Pages 在线演示（地址在仓库 readme 里），就能看到整个色卡页面。顶部是色系分类，点一下“红色系”，哗啦啦出来几十种红。

每个颜色块上除了色名，还标了 CMYK 和 RGB 值。鼠标悬停会显示更全的信息，点一下色值就自动复制到剪贴板，切回 PS 或者 AI 里直接粘贴，丝滑得不行。

项目还提供了搜索功能，输入“青”或者“绿”，相关颜色全出来了。如果你只知道颜色大概样子，不知道名字，也可以按色系浏览，找到最接近的那个。

要说门槛，唯一需要的就是网络和浏览器。纯静态页面，手机电脑都能打开，工地搬砖间隙都能刷两个颜色找灵感。

市面上配色工具一抓一大把，像 Adobe Color、Coolors 主打现代配色方案，但传统色这块基本是空白。有些设计网站也出过中国色专题，但要么色值不准，要么数量少得可怜。

这个项目的优势就是专精和开源。500+ 传统色，来源考究，色值经过校对，印刷用的 CMYK 值都给了。而且因为是开源项目，数据可以自由使用，不用担心版权问题。做商业设计、自媒体素材完全合规，这一点对副业党太重要了。

当然，它没有 AI 配色建议，也不会自动生成色阶，就是纯粹的颜色库。但换个角度想，工具简单反而更专注，不用花时间学操作，拿来即用。

总的来说，「中国传统颜色」这个开源项目，对于经常跟国风设计打交道的人来说，绝对值得放进收藏夹。它解决的不是“怎么设计”，而是“用什么颜色”这个底层问题，让设计效率和专业度都往上提一档。

无论你是接单做副业，还是运营自媒体，或者单纯喜欢传统文化，这个工具都能帮你把中国色玩得明明白白。下次再遇到甲方说“我要故宫红”，直接打开网页，复制色值，甩出“朱砂”的名字和出处，深藏功与名。