如何使用
- 下載 CSS、Tailwind 或 Procreate 樣包。
- 先在你的網頁、Figma 流程或 iPad 上驗證導入方式。
- 需要完整 567 色、Figma Variables、ASE、AI Prompts 和 JSON 數據時，再購買完整資源包。
Chinese Color Atlas免費樣包
OPEN GITHUB REPOSITORY
CSS · TAILWIND · FIGMA · PROCREATE
CSS · TAILWIND · FIGMA · PROCREATE
免費中國傳統色卡與設計 Tokens
下載可公開使用的 Chinese Color Atlas 樣包：CSS 變量、Tailwind 配色、DTCG Tokens、Figma Variables 示例和 Procreate 色板。
適合外鏈和目錄提交
先免費把中國傳統色放進你的工作流
這個頁面和公開 GitHub 倉庫用於分享、引用和目錄提交。它只包含免費樣包，不包含完整付費資源包。
螺青 #3F503B秋香 #BF9C46胭脂 #9D2933
CSSTAILWINDDTCGFIGMAPROCREATEAI PROMPTS
下載文件
cathycolor-hot.swatchesProcreate · 8 個 Chinese Color Atlas 熱門入門色0.3 KB ↓cathycolor-verified.swatchesProcreate · 30 個古籍可考色樣包0.9 KB ↓cathycolor-term-lichun.swatchesProcreate · 立春節氣色板樣包0.6 KB ↓cathycolor.css公開 CSS 自定義屬性樣包 · 用於測試工作流27 KB ↓sample-figma-vars.jsonFigma Variables 示例 · 用於測試導入和命名規範↗Figma Community sample file復制免費的 24 色 Figma Variables 社區樣例，包含國潮、宋式與敦煌配色↗sample-ai-prompts.txt小版 Midjourney、SDXL、ComfyUI 提示詞預覽↗
需要完整包？
已經測試過免費 CSS 或 Procreate 樣包？完整包會加入 Figma Variables、Adobe ASE、24 節氣與敦煌 Procreate 全套色板、AI 提示詞和研究 JSON，適合正式項目交付。
查看完整資源包