# 颜色饱和度调节器

调整颜色饱和度并创建饱和度变化版本

> 标准页面: https://elysiatools.com/zh/tools/color-saturate-desaturate

- **分类:** Design

- **关键词:** 颜色, 饱和度, 去饱和度, 鲜艳度, 强度, 调节, 色调, 色彩调整, 色度

## 概述

颜色饱和度调节器是一款在线设计工具，用于精确调整颜色的饱和度（鲜艳度或强度）。您可以选择增加饱和度使颜色更鲜艳，或降低饱和度使其更柔和，甚至生成从全饱和到无色的完整渐变序列，以满足不同的设计需求。

## 输入项

- **基础颜色** (color)
- **调节类型** (select)
- **调节量(%)** (range): 颜色饱和度调节量（-100%到+100%）
- **渐变步数** (number): 仅在选择"渐变（全范围）"时生效。控制饱和度渐变序列中生成的颜色数量（2-20步）
- **包含互补色** (checkbox)
- **保持色相特征** (checkbox)

## 适用场景

- 需要微调品牌色或主题色的鲜艳度，使其更符合设计氛围时。
- 创建一套基于单一色相、但饱和度不同的配色方案时。
- 需要将彩色图像或元素转换为去饱和度的灰度或柔和色调时。

## 工作原理

- 输入一个基础颜色（HEX值）作为调节的起点。
- 选择调节类型：增加饱和度、降低饱和度、生成渐变或自定义调节。
- 根据所选类型，设置具体的调节量（百分比）或渐变步数等参数。
- 工具将实时计算并输出调节后的颜色值或颜色序列。

## 使用案例

- 品牌设计：为主色创建一套从鲜艳到柔和的辅助色板。
- UI/UX设计：快速生成按钮或界面元素的悬停、激活状态色（通常通过增减饱和度实现）。
- 平面设计：为海报或宣传材料创建具有统一色调但层次丰富的配色。

## 常见问题

### “增加饱和度”和“降低饱和度”有什么区别？

“增加饱和度”使颜色更鲜艳、强烈；“降低饱和度”使颜色更灰暗、柔和，趋向于灰色。

### “包含互补色”选项有什么作用？

勾选后，在生成的颜色结果中会额外包含与基础色互补（色轮上相对）的颜色，便于创建对比色方案。

### “保持色相特征”是什么意思？

勾选后，在调节饱和度时会尽量保持颜色的原始色相（如红色、蓝色）不变，避免颜色偏向其他色调。

### “渐变步数”如何影响结果？

步数决定了从全饱和到完全去饱和之间生成多少个中间颜色。步数越多，渐变越平滑。

### 调节量的范围是多少？

调节量范围为-100%到+100%。负值降低饱和度，正值增加饱和度，0%表示不改变。

## 相关工具

- [互补色工具](https://elysiatools.com/zh/tools/color-complement): 查找互补色并创建和谐的颜色方案，支持三元色、四色和类似色关系
- [色相偏移器](https://elysiatools.com/zh/tools/color-hue-shifter): 调整颜色色相并创建色相变化版本
- [颜色反转器](https://elysiatools.com/zh/tools/color-inverter): 反转颜色并创建负片版本，支持RGB、HSL和亮度反转方法
- [颜色明暗调节器](https://elysiatools.com/zh/tools/color-lighten-darken): 调整颜色亮度并创建明暗变化版本
- [阴影色生成器](https://elysiatools.com/zh/tools/color-shade): 通过添加黑色生成颜色的深色变化，为设计提供深度和对比度
- [色调生成器](https://elysiatools.com/zh/tools/color-tint): 通过添加白色生成颜色的浅色变化，为设计创造明亮清新的色调
- [霓虹色生成器](https://elysiatools.com/zh/tools/neon-colors): 生成充满活力、发光的霓虹色，具有高饱和度和亮度，创造引人注目的电光效果，非常适合数字显示和现代设计
- [粉彩色生成器](https://elysiatools.com/zh/tools/pastel-colors): 生成柔和的粉彩色调，通过降低饱和度和提高亮度来创造精致舒缓的调色板

## 示例

- [颜色代码示例](https://elysiatools.com/zh/samples/color-code): 用于验证测试的各种格式颜色代码集合（Hex、RGB、HSL、命名颜色）
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换
- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换

## 相关内容

- [无障碍颜色系统设计工具](https://elysiatools.com/zh/hubs/color-design-tools): 通过颜色转换、配色生成、对比度与色觉检查，建立可复用的颜色系统并记录设计令牌。
- [色彩系统与 CSS 效果设计工作流](https://elysiatools.com/zh/hubs/design-generate): 从色板提取、配色关系、可访问性校验到 token 生成，再把 CSS 效果落到真实组件状态中。