Elysia Tools
导航
Design
调整颜色饱和度并创建饱和度变化版本
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
颜色饱和度调节器是一款在线设计工具，用于精确调整颜色的饱和度（鲜艳度或强度）。您可以选择增加饱和度使颜色更鲜艳，或降低饱和度使其更柔和，甚至生成从全饱和到无色的完整渐变序列，以满足不同的设计需求。
背景
设计师已确定品牌主色为 #4A90E2（蓝色），需要基于此生成一套饱和度不同的辅助色，用于不同层级的界面和背景。
问题
手动计算和调整多个饱和度变体费时且难以保证色相一致。
如何使用
输入基础颜色 #4A90E2，选择“渐变（全范围）”调节类型，设置渐变步数为 5，并确保勾选“保持色相特征”。
结果
工具生成了5个从全饱和蓝色到中性灰的渐变色值，设计师可直接将这些颜色用于背景、边框和次要文本。
背景
一个UI组件库的主按钮颜色为 #22C55E（绿色），设计规范要求禁用状态的按钮颜色为原色的去饱和版本。
问题
需要精确地将绿色降低到特定的灰度，同时保持其色相倾向，避免变成难看的脏色。
如何使用
输入基础颜色 #22C55E，选择“降低饱和度（降低强度）”类型，将调节量滑块拖动至 -70%。
结果
工具输出一个柔和、略带绿调的灰色（#A3A3A3），完美符合禁用状态的设计要求。
“增加饱和度”使颜色更鲜艳、强烈；“降低饱和度”使颜色更灰暗、柔和，趋向于灰色。
勾选后，在生成的颜色结果中会额外包含与基础色互补（色轮上相对）的颜色，便于创建对比色方案。
勾选后，在调节饱和度时会尽量保持颜色的原始色相（如红色、蓝色）不变，避免颜色偏向其他色调。
步数决定了从全饱和到完全去饱和之间生成多少个中间颜色。步数越多，渐变越平滑。
调节量范围为-100%到+100%。负值降低饱和度，正值增加饱和度，0%表示不改变。