使用步骤
- 输入主色的 HEX 值或使用颜色选择器。
- 查看生成的浅色和深色色阶。
- 复制目标色值到设计 Token 或 CSS 变量。
设计工具
配色方案生成器
基于一个 HEX 颜色生成浅色、深色和强调色阶。
本地简单运行
使用指南
开始使用
输入一个品牌主色，自动生成完整的浅色和深色色阶，适合设计系统和主题开发。
使用例子
- 从品牌蓝色生成完整的色阶系统。
- 为暗色模式生成对应的深色变体。
Loading
配色方案生成器
工具组件加载中。
设计工具
基于一个 HEX 颜色生成浅色、深色和强调色阶。
使用指南
输入一个品牌主色，自动生成完整的浅色和深色色阶，适合设计系统和主题开发。
Loading
工具组件加载中。
设计工具
基于一个 HEX 颜色生成浅色、深色和强调色阶。