Elysia Tools
导航
Design
· 最后更新：2025-01-08
将颜色转换为灰度，支持多种转换方法和强度控制
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
工具使用指南
灰度转换器是一款专业的在线颜色处理工具，能够将任意颜色精确转换为灰度值。它提供多种转换算法和强度控制，帮助设计师、开发者和内容创作者快速获得所需的单色效果。
背景
设计师正在为一款应用设计一套图标，需要基于品牌主色 #3B82F6 生成一系列不同深浅的灰度图标，用于禁用状态或次要场景。
问题
手动计算不同灰度值费时费力，且难以保证视觉层次的一致性。
如何使用
在基础颜色中输入品牌色 #3B82F6。选择“光度（加权）”转换方法以获得最自然的灰度。调整“灰度强度”滑块，分别设置为100%、70%和40%，生成三个不同深浅的灰度值。
结果
快速获得了 #A1A1AA、#C8C8CC 和 #E4E4E7 三个协调的灰度色值，直接用于图标的不同状态设计。
背景
开发者需要确保一个色彩丰富的网页在黑白打印时，关键信息（如按钮、标题）依然清晰可辨。
问题
直接打印预览无法精确控制哪些颜色区域会变成难以区分的相似灰色。
如何使用
提取网页中的关键颜色（如按钮色 #10B981，警告色 #F59E0B，背景色 #F3F4F6），使用“批量颜色”功能一次性输入。选择“去饱和（HSL）”方法，并勾选“保持原始亮度”。
结果
清晰地看到 #10B981 变为深灰 #6B7280，#F59E0B 变为中灰 #9CA3AF，而 #F3F4F6 保持为浅灰 #F9FAFB，确保了打印时的对比度。
支持平均值、光度（加权）、去饱和（HSL）、最大/最小值分解、单通道提取以及自定义RGB权重等多种方法。
强度参数控制颜色去饱和的程度。100%为完全灰度，0%则保持原始颜色不变，可用于创建部分去饱和的效果。
可以。在“批量颜色”输入框中，用逗号分隔多个颜色值（如 #FF0000, #00FF00），即可一次性获得所有颜色的灰度结果。
勾选此选项后，转换算法会尝试保持原始颜色在人眼感知上的亮度，使灰度结果更符合视觉习惯。
结果以可视化HTML形式展示，清晰对比原始颜色与转换后的灰度颜色，并显示对应的HEX色值。