lab(<lab()>params)

Lab와 LCH은 유사한 색 공간이다. 이를 기반으로 한 lab(), lch(), oklab(), oklch() 함수들이 존재하며 서로 기술적인 연관성이 있다보니 함께 설명을 하기로 한다.

Lab 색 공간

CIE(국제조명위원회)에서 규정한 lab 색 공간에서 색상을 생성한다. 'l'은 lightness 채널을 의미하며 명도를 나타낸다. 'a' 채널은 Green과 Red까지 거리, 'b' 채널은 Blue와 Yellow까지 거리를 나타낸다.

관련 함수는 lab(), oklab()이 있다.

LCH 색 공간

H는 색조를 나타내는 각도이며 C는 Saturation/Chroma을 나타내며 L축으로부터의 기하학적 거리이다.

<hue> 값은 hsl() 함수의 인수와 유사하게 해석되지만 색조는 지각적으로 균등한 간격으로 배치되기 때문에 같은 방식으로 각도에 매핑되지 않는다. 대신 양수 "a"축을 따라 0도(자줏빛 빨간색 방향)를 가리키고(360도, 720도 등), 양수 "b"축을 따라 90도(겨자색, 노란색 방향), 음수 "a"축을 따라 180도(녹색, 청록색 방향), 음수 "b"축을 따라 270도(하늘색 방향)을 가리킨다.

관련 함수로는 lch(), oklch()가 있다.

Lab과 LCH 색 공간의 문제점

CIE Lab과 LCH 색 공간은 널리 사용되고 있지만 다음과 같이 몇 가지 문제점을 가지고 있는 것으로 알려져 있다.

색조 선형성

파란색 영역(270도에서 330도 사이의 LCH 색조)에서는 시각적 색조가 LCH가 예측하는 색조에서 벗어난다. 같은 색조와 다른 채도의 파란색 세트를 중립 축에서 일직선상에 놓아야 하지만 곡선을 형성한다. 즉, 채도가 높은 파란색은 채도가 점차 감소함에 따라 눈에 띄게 보라색이 된다.

색조 균일성

LCH의 색조는 일반적으로 균일한 간격을 유지하지만(HSL과 HWB보다 훨씬 좋음) 균일성이 완벽하지 않다.

높은 크로마(chroma) 차이에 대한 과도한 예측

채도가 높은 색상의 경우 채도의 변화가 중립적인 색상에 비해 눈에 잘 띄지 않는다.

이러한 결함은 균일한 간격의 그라디언트 생성, 한 색상 공간에서 더 작은 색상 공간으로의 색 영역 매핑, 두 색상 간의 시각적 차이 계산에 영향을 미친다.

이를 보완하기 위한 두 색상의 시각적 차이(delta E)를 예측하는 공식이 생겼고  시간이 지남에 따라  더 정확해졌지만 계산이 훨씬 더 복잡해지는 문제가 생겼다. 이러한 노력에도 색조 곡률에는 도움이 되지 않았다.

좀더 개선된 Oklab과 Oklch 색 공간

최근에 이를 개선한 Lab과 LCH를 기반으로 한 새로운 Oklab과 Oklch가 등장했다. 시각적으로 유사한 색상의 대규모 데이터 세트를 수치적으로 최적화하여 생성되었다. CIE LCH에 비해 색조 선형성, 색조 균일성 및 채도 균일성이 향상되었다.

관련 함수로는 oklab(), oklch()가 있다.