调色板生成器
从任意基色构建五级色阶。
用取色器选择基色或粘贴 HEX 值,工具会即时生成从最浅到最深的五个协调色阶。可复制单个色阶或整套调色板。
你的调色板
最浅
#e7ddf8浅色
#bc9ef0基色
#6316e9深色
#3e079c最深
#22025a如何生成调色板
- 用取色器选择基色或粘贴 HEX 值。
- 查看生成的五个色阶,从最浅到最深。
- 点击任一色块上的复制按钮获取单个 HEX 值。
- 点击“复制全部”,每行一个颜色复制整套调色板。
常见问题
色阶是如何生成的?
基色先转换为 HSL,再通过调整明度并轻微改变饱和度生成五个自然协调的色阶。
这些颜色可以用在 CSS 里吗?
可以。每个色块都是标准 HEX 值,可用于任何接受 CSS 颜色的地方。
这个工具会上传我的颜色吗?
不会。一切都只在浏览器本地运行,数据不会离开你的设备。