色彩亮度在线计算器

颜色亮度简介

颜色的亮度（明度）影响可读性、层次与无障碍。本工具可计算给定颜色的相对亮度值（如 WCAG 相对亮度公式），并展示与黑白背景的对比度，便于判断文字色是否足够亮或足够暗。

适用于在选色时快速评估亮度与可读性，或为同一色相生成一组等亮度/等阶的色板。

使用说明

输入颜色

输入 HEX、RGB 或通过取色器选择颜色，工具会计算并显示该颜色的相对亮度值（通常 0–1 或 0–255 归一化）及色块预览。

查看亮度与对比

部分工具会同时显示在白色与黑色背景下的预览及与白/黑的对比度，便于判断该色作为前景或背景时的可读性。

生成亮度阶梯

若支持「按亮度阶梯」生成，可基于同一色相生成多档亮度（如 10%、30%、50%…）的色板，用于统一界面层次。

常见问题

Q: 相对亮度和 HSL 的 L 一样吗？

不一样。相对亮度（relative luminance）是 WCAG 等标准采用的、基于人眼对 RGB 各通道敏感度加权的值；HSL 的 L 是线性混合黑白的明度，二者数值与感知并不一一对应。

Q: 亮度多少算「安全」？

作为正文前景色时，若背景为白，亮度通常需较低（如 <0.4）；若背景为黑，亮度需较高（如 >0.6）。具体以对比度工具与 WCAG 比值为准。

Q: 支持 OKLCH 吗？

以工具支持为准；若支持 OKLCH，L 通道即与感知亮度更一致，可结合本工具做亮度与对比度双重校验。