ToolPilot

调色板生成器

从任意基色构建五级色阶。

用取色器选择基色或粘贴 HEX 值,工具会即时生成从最浅到最深的五个协调色阶。可复制单个色阶或整套调色板。

你的调色板

最浅
#e7ddf8
浅色
#bc9ef0
基色
#6316e9
深色
#3e079c
最深
#22025a

如何生成调色板

  1. 用取色器选择基色或粘贴 HEX 值。
  2. 查看生成的五个色阶,从最浅到最深。
  3. 点击任一色块上的复制按钮获取单个 HEX 值。
  4. 点击“复制全部”,每行一个颜色复制整套调色板。

常见问题

色阶是如何生成的?

基色先转换为 HSL,再通过调整明度并轻微改变饱和度生成五个自然协调的色阶。

这些颜色可以用在 CSS 里吗?

可以。每个色块都是标准 HEX 值,可用于任何接受 CSS 颜色的地方。

这个工具会上传我的颜色吗?

不会。一切都只在浏览器本地运行,数据不会离开你的设备。

帮助我们改进

我们会定期改进工具。发现问题或有建议?我们在倾听。

相关工具

🎨

取色器 + HEX/RGB/HSL

🎯

HEX / RGB / HSL 转换器

🌊

CSS 渐变生成器

🫧

毛玻璃效果生成器