UI配色系统指南
UI配色系统为设计令牌、按钮、背景和文本颜色提供一致的色阶。
选择一个种子颜色和样式。工具生成完整的从浅(50)到深(900)的10级调色板。
专业提示
- 使用浅色(50-200)用于背景和容器。
- 使用深色(700-900)用于文本和高对比度元素。
常见问题
Q: 什么是设计令牌?
什么是设计令牌?存储设计属性的命名值,如颜色。
Q: 什么是设计令牌调色板?
什么是设计令牌调色板?设计令牌调色板是由单一品牌颜色生成的一组系统的颜色变量(主要、次要、表面、文本)。它确保整个 UI 的一致性。
Q: 我可以导出到 Tailwind 以外的设计系统吗?
我可以导出到 Tailwind 以外的设计系统吗?是的,该工具导出为 CSS 自定义属性、SCSS 变量和 Tailwind 配置格式。复制与您的堆栈匹配的格式。
Q: 如何使用此工具处理暗模式?
如何使用此工具处理暗模式?首先生成浅色模式调色板,然后使用相同的种子颜色,并降低深色模式的饱和度和亮度值。许多设计系统反转表面和文本颜色。
中国传统色
中国传统色源自「五色观」——青、赤、黄、白、黑,对应五行、方位与季节。古人从矿物与植物中提炼颜料,形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作,至今仍是设计师的灵感源泉。
胭脂 #9D2933古代妆饰与衣料的经典红色,由胭脂虫或红花制成
朱砂 #FF461F矿物颜料,故宫红墙与印章的常用色
竹青 #789262竹叶之色,文人雅士钟爱的清雅色调
月白 #D6ECF0月光般的淡蓝色,明清宫廷常服用色
藤黄 #FFB61E取自藤本植物汁液,国画重要黄色颜料
石绿 #16A951矿物孔雀石研磨而成,山水画中的绿色
墨色 #50616D书法用墨的深灰蓝色,文房四宝之色
Q: 什么是中国传统色?
什么是中国传统色?中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料,形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值?
中国红是什么色值?中国红属于朱砂色系,常用色值 #FF461F(朱红)或 #9D2933(胭脂)。故宫红墙更接近深红色 #A61B29。