文件清单
✓ 全部 567 个中国传统色的 CSS 自定义属性
✓ 带稳定 token 命名的 Tailwind 主题片段
✓ 用于设计系统交付的 W3C DTCG 设计 Tokens
✓ 含 RGB、HSL、CMYK、场景、提示词与关系的完整 JSON 数据集
Chinese Color AtlasRESOURCE PACK
立即购买 · DIGITAL DOWNLOAD
前端工程师 · 设计系统构建者
前端工程师 · 设计系统构建者
CSS 与 Tailwind Token 包
面向中国色 UI 系统的可直接接入资源：CSS 变量、Tailwind 配置、W3C DTCG Tokens 与结构化 JSON。
你会得到
✓全部 567 个中国传统色的 CSS 自定义属性
✓带稳定 token 命名的 Tailwind 主题片段
✓用于设计系统交付的 W3C DTCG 设计 Tokens
✓含 RGB、HSL、CMYK、场景、提示词与关系的完整 JSON 数据集
使用步骤
- 下载 ZIP 并解压资源包。
- 按工具选择对应文件：.swatches、.ase、CSS、Tailwind、DTCG、Figma Variables 或 AI prompts。
- 先用免费样包验证导入流程，再把完整文件放进你的项目或设计稿。
交付与支持
购买后通过 Polar 交付 cathycolor-developer-token-pack.zip。如文件缺失、损坏或无法访问，请联系 support@chinesecoloratlas.com。
适合哪些工作流？
给 Tailwind 和 CSS 项目
把中国传统色转成稳定 token 名、CSS 自定义属性、Tailwind theme partial 和 DTCG JSON。
适合设计系统接入
先用 primitive tokens 保留色名，再映射到 brand、surface、text、border、accent 等语义角色。
比完整包更聚焦
如果你不需要 Figma、Procreate、ASE 或 AI prompts，只需要网页和产品 UI 交付，这个包更轻。
免费样包
使用多个工具？
完整包把 Figma、ASE、Procreate、CSS、Tailwind 和 AI 提示词放在一起。
如果你不只使用一个工具，完整包会比拆开购买更清晰：一次下载，覆盖设计、开发和 AI 创作交付。