在线颜色灰度与去饱和工具
将彩色完全转换为灰度，支持色板及HEX、RGB、HSV、HSL格式联动，将彩色转换为不带色相倾向的灰度色，快速检查颜色的明暗关系. 此工具无需安装，所有处理均在当前浏览器本地完成…
开始使用
在线颜色灰度与去饱和工具说明
本工具用于将彩色完全去饱和，生成对应的灰度颜色。原色和结果均提供可视化色板以及 HEX、RGB、HSV、HSL 数值，方便设计、开发和颜色分析。
使用方法：在线颜色灰度与去饱和工具
- 在原色面板中点击色板或拖动色相条选择颜色，也可以直接输入 HEX、RGB、HSV 或 HSL 数值。
- 点击“转换灰度”，工具会立即计算并显示去饱和后的灰度颜色。
- 结果面板中的颜色参数可以继续手工修改，各种颜色格式会自动双向联动。
- 点击结果色块可以复制单个颜色值，点击文字结果右上角的“复制全部”可以复制完整结果。
- 点击“清空”可恢复默认原色并移除当前生成结果。
工具作用
- 将彩色转换为不带色相倾向的灰度色，快速检查颜色的明暗关系。
- 辅助比较多个颜色在失去饱和度后的视觉层级和对比度。
- 为 CSS、网页设计、图形设计和品牌规范提供可直接复制的灰度颜色值。
- 同时展示 HEX、RGB、HSV、HSL，便于核对和转换不同颜色格式。
处理原理
工具先将原色转换到 HSL 颜色空间，保持原有亮度，将饱和度设置为 0%，再转换回 RGB 和 HEX。饱和度为 0% 时，红、绿、蓝三个通道值相同，因此颜色表现为灰色。
应用场景
- 界面设计：检查按钮、文字、背景在灰度状态下是否仍具有清晰层级。
- 无障碍设计：辅助判断信息是否过度依赖颜色表达，提高内容可辨识性。
- 印刷与打印：预估彩色设计在黑白打印或单色输出时的视觉效果。
- 摄影与图片处理：为黑白风格、去色效果和后续调色选择合适的灰度基色。
- 网页开发：生成 CSS 灰色变量、禁用状态、占位元素和中性色板。
- 品牌配色分析：比较品牌色去饱和后的明度与对比关系。
隐私说明
所有颜色计算均在当前浏览器本地完成，不会上传输入的颜色数据。
具体示例
假设您输入原色 #e28743（一种橙色），点击“转换灰度”后，工具会将其 HSL 饱和度降为 0%，得到灰色 #8a8a8a（具体值取决于亮度计算）。结果面板会显示该灰色的 HEX、RGB、HSV、HSL 值，并同步更新色块预览。
常见问题
为什么转换后的灰度值不是简单的 RGB 平均值？
人眼对绿色、红色、蓝色的敏感度不同，因此灰度转换通常采用加权公式（如亮度权重），而不是简单平均。本工具基于 HSL 饱和度归零，保持亮度不变，因此结果更符合视觉感知。
转换后颜色值可以手动调整吗？
可以。结果面板中的颜色参数支持手工修改，修改后其他格式会自动联动更新，方便您微调灰度色值。
转换会影响原色吗？
不会。原色面板保持不变，您可以在原色和结果之间反复切换比较，直到满意为止。
此工具无需安装，所有处理均在当前浏览器本地完成，不会上传输入内容或本地文件。