Color space


Style background : linear-gradient(to right in var(--color-space), #f00 0%,#0ff 100%);


RGB 계열

--color-space: srgb(기본값)
--color-space: srgb-linear
--color-space: display-p3
--color-space: a98-rgb
--color-space: prophoto-rgb
--color-space: rec2020

HSL 계열

--color-space: hsl
--color-space: hwb

CIE 계열

--color-space: lab
--color-space: lch
--color-space: xyz
--color-space: xyz-d50

OK 계열

--color-space: oklab
--color-space: oklch

Q. OKLab과 OKLCH가 표현에 차이나는 이유.
OKLab과 OKLCH는 같은 색공간이지만 보간(interpolation) 축이 다르기 때문에 그라디언트 경로 자체가 달라집니다.
OKLab 은 L(밝기) a(녹색-적색) b(청색-황색) vs OKLCH 는 L(밝기) C(채도) H(색상각) 으로 계산 시 보간축에 다르기 때문
색공간이나 보간축이 다르면 다른 그라이언트가 표시될 수 있다.