色阶指南
浅色（tint）是把颜色与白色混合变亮；深色（shade）是与黑色混合变暗。两者共同构成每个设计系统都需要的色阶，用于背景、边框和文字层级。
设置基础色和步数，点击任意色块即可复制其 HEX。使用 SCSS 导出一口气为整套色板建立变量。
专业提示
- 背景用浅色阶，文字和边框用深色阶——这样界面保持轻盈又有层级。
- 品牌系统建议选一个基础色加 2 个浅色和 2 个深色，再补上中性灰阶，色板就完整了。
常见问题
Q: 浅色和深色的区别是什么？
浅色和深色的区别是什么？浅色向基础色加白（变亮），深色加黑（变暗），两者色相不变。
Q: 应该用多少步？
应该用多少步？每侧 5–10 步可覆盖大多数设计需求；图表和数据可视化用满 20 步最理想。
Q: 如何使用 SCSS 导出？
如何使用 SCSS 导出？将代码块复制到你的 .scss 文件，在样式中引用 $tint-2 或 $shade-1 等变量即可。
Q: 什么是 60-30-10 配色法则？
什么是 60-30-10 配色法则？60% 中性色、30% 辅助色、10% 强调色——你的基础色通常扮演那 10% 的强调角色。
Q: 能复制单个颜色吗？
能复制单个颜色吗？能——点击网格或画布条上的任意色块，HEX 立即复制。
中国传统色
中国传统色源自「五色观」——青、赤、黄、白、黑，对应五行、方位与季节。古人从矿物与植物中提炼颜料，形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作，至今仍是设计师的灵感源泉。
胭脂 #9D2933古代妆饰与衣料的经典红色，由胭脂虫或红花制成
朱砂 #FF461F矿物颜料，故宫红墙与印章的常用色
竹青 #789262竹叶之色，文人雅士钟爱的清雅色调
月白 #D6ECF0月光般的淡蓝色，明清宫廷常服用色
藤黄 #FFB61E取自藤本植物汁液，国画重要黄色颜料
石绿 #16A951矿物孔雀石研磨而成，山水画中的绿色
墨色 #50616D书法用墨的深灰蓝色，文房四宝之色
Q: 什么是中国传统色？
什么是中国传统色？中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料，形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值？
中国红是什么色值？中国红属于朱砂色系，常用色值 #FF461F（朱红）或 #9D2933（胭脂）。故宫红墙更接近深红色 #A61B29。