色彩灰阶计算器

颜色灰度简介

将任意颜色转换为对应的灰度值，便于在保持明度关系的前提下做「去色」预览或统一为灰度设计。转换方式通常基于相对亮度（如 WCAG 公式）或简单平均 RGB。

本工具支持输入颜色后显示其灰度等价色（HEX/RGB）及色块对比，适用于无障碍检查、打印预览或单色设计时的明度参考。

什么是灰度（grayscale）？

灰度（英文 grayscale，也写作 gray scale，英式拼写 greyscale，三者含义相同）指只用一个亮度值表示的颜色，其 R、G、B 三个通道相等。转为灰度后保留明暗，去掉色相与饱和度。

将颜色转为灰色时，需要按人眼对各通道的敏感度加权——绿色看起来最亮、蓝色最暗。本工具采用经典亮度（luma）权重：

Gray = 0.3 × R + 0.59 × G + 0.11 × B

得到的 0–255 数值同时作为三个通道，例如 rgb(128, 128, 128)。较新的 Rec. 709 / WCAG 相对亮度系数（0.2126 / 0.7152 / 0.0722）结果相近但略有差异；简单平均 (R + G + B) / 3 则与人眼感知偏差较大。

使用说明

输入颜色

输入 HEX、RGB 或通过取色器选择颜色，工具会计算其灰度等价色并显示灰度值与原色并排预览。

选择算法（若有）

若工具提供多种灰度算法（如平均、亮度加权、去饱和度等），可切换并对比效果，通常亮度加权更贴近人眼感知。

使用场景

将界面主色转为灰度后可快速检查明度层次是否清晰；或导出灰度色值用于单色印刷、无障碍对比度评估等。

常见问题

Q: 灰度值和「去饱和度」一样吗？

不一定。灰度通常指用单一亮度值表示颜色，可用平均 RGB 或相对亮度公式；去饱和度是 HSL 中把 S 设为 0，二者在部分颜色上结果接近但不完全相同。

Q: 为什么需要看灰度？

在无障碍与可读性检查中，若两种颜色灰度相近，可能对比度不足；在单色或印刷场景下，灰度值可直接作为输出色。

Q: 支持批量转换吗？

以工具为准；若仅支持单色，可多次输入或在代码中按相同公式批量计算。