颜色转 LCH

什么是 LCH 色彩空间？

CIE LCH（也写作 LCH 或 L*C*h°）是 CIE LAB 色彩空间的圆柱形式。它保持与 LAB 相同的亮度（L），但不是使用矩形的 a* 和 b* 轴，而是使用彩度（C）和色相（H）。彩度是距中性灰轴的距离——颜色有多鲜艳——色相是绕该轴的角度，以 0° 到 360° 的度数表示。

由于 LCH 只是 LAB 用极坐标重写，它覆盖完全相同的色域。优点是可读性：具有相同 C 和不同 H 的两个颜色共享相同的鲜艳度，具有相同 L 的两个颜色看起来同样明亮。这使得 LCH 成为设计师构建调色板最直观的感知空间。

RGB 如何转换为 LCH

LCH 通过首先将 RGB 转换为 LAB，然后将矩形 a*、b* 对转换为极坐标 C 和 H 来生成。完整流程为：

R' = ((R/255 + 0.055) / 1.055)2.4（线性 RGB）
X = 0.4124·R' + 0.3576·G' + 0.1805·B'（XYZ，D65）
L = 116·f(Y/Yn) − 16，a = 500·(f(X/Xn) − f(Y/Yn))，b = 200·(f(Y/Yn) − f(Z/Zn))
C = √(a² + b²)
H = atan2(b, a) × 180 / π（归一化到 0–360）

其中 f(t) 是立方根 LAB 函数，(X_n, Y_n, Z_n) 是 D65 参考白点。本工具在你拾取颜色时实时执行每一步。

何时使用 LCH

每当需要对色相和彩度的感知控制时，LCH 都是正确的选择：

• 调色板。 固定 L 和 C，变化 H 以生成和谐的感知均匀色板。
• 品牌系统。 按色相角度定义品牌颜色，让彩度控制鲜艳度。
• 无障碍。 在不同色相间匹配亮度 L，使文本保持清晰可读。
• 设计工具。 Figma、Sketch 和现代 CSS lch() 使用这个确切空间。
• 色域检查。 高 C 配合极端 H 揭示超出 sRGB 的颜色。

对于日常 Web 样式，HEX 和 RGB 仍然最方便，因为每个浏览器都接受它们。LCH 在需要色相旋转保持感知亮度的设计系统中大放异彩。

LCH 与 LAB、RGB 和 HEX 的区别

LCH 和 LAB 描述完全相同的颜色——LCH 是 LAB 的极坐标形式。RGB 和 HEX 描述屏幕可以发出的颜色；LCH 描述在定义光源下人类将如何感知颜色，与任何设备无关。这使得 LCH 比 sRGB 更宽：它包含没有显示器可以显示的颜色。

LCH 和 LAB 之间的实际区别是人类可读性。在 LAB 中，"更红"意味着更大的 a*，但无法仅凭 a* 和 b* 判断色相。在 LCH 中，色相是一个单一角度——0° 偏红，90° 偏黄，180° 偏绿，270° 偏蓝——因此设计师可以直接推理颜色方向。彩度也给出了"多鲜艳"的单一数字，比心智组合 a* 和 b* 更容易。

如何将颜色转换为 LCH

使用本工具转换颜色只需一秒，完全在浏览器内完成。无需上传、无需注册、无需安装。请按以下步骤操作：

1. 拾取颜色。 使用颜色选择器，或在 RGB 输入框中输入红、绿、蓝值（0–255）。
2. 查看结果。 L、C、H 值和完整的 lch() 字符串实时更新。
3. 复制 LCH。 点击"复制 LCH"复制该值，然后粘贴到你的设计工具或 CSS 中。

每一步都使用 JavaScript 在浏览器中本地运行，因此你的颜色选择永远不会离开浏览器。这使得工具完全私密且即时。