0

编码结果

LCH 颜色

关于 LCH 颜色

LCH 颜色是使用明度、彩度和色相来表示颜色的色彩空间。它采用与 Lab 相同的知觉基础,并以彩度和角度表示色味,因此更容易分别调整颜色强度和色相。

成分含义示例值
L: 明度表示颜色的明亮程度。0% 为黑色,100% 为白色。60%
C: 彩度表示颜色的强度。0 为无彩色,值越大颜色越鲜艳。80
H: 色相以角度表示色相。90deg

例如,红色等主要颜色可以表示如下。

颜色LCH 表示RGB 表示
红色lch(54.29% 106.8372 40.86deg)rgb(255 0 0)
绿色lch(46.28% 67.9842 134.38deg)rgb(0 128 0)
亮绿色lch(87.82% 113.3315 134.38deg)rgb(0 255 0)
蓝色lch(29.57% 131.2014 301.36deg)rgb(0 0 255)
白色lch(100% 0 0deg)rgb(255 255 255)
黑色lch(0% 0 0deg)rgb(0 0 0)

要包含透明度,请添加 Alpha 值。例如,半透明红色可以表示为 lch(54.29% 106.8372 40.86deg / 0.5).

明度、彩度、色相的处理

明度按 0% 到 100% 的范围处理。低于 0% 的值按 0% 处理,高于 100% 的值会限制在 100%。

彩度按 0 以上的值处理。负的彩度按 0 处理。彩度为 0 时,颜色变为无彩色,色相按 0deg 处理。

色相按角度处理,超过 360deg 的值或负值会标准化到 0deg 到 360deg 的范围。例如,lch(54.29% 106.8372 400.86deg) 会作为与 lch(54.29% 106.8372 40.86deg) 相同的颜色处理。

LCH 和 Lab 的区别

Lab 使用 ab 的直角坐标表示颜色。LCH 将色味转换为彩度和色相。因此,在保持相同明度的同时调整彩度或色相时,LCH 可能更直观。