[CSS] OKLCH는 어떻게 RGB와 HSL을 대체할 수 있었을까

CSS에서는 오랫동안 RGB와 HSL이라는 익숙한 색상 모델을 사용해 왔다.하지만 사람의 눈에 더 자연스럽고 예측 가능한 색상 표현 방식이 요구되면서 OKLCH라는 새로운 색상 모델이 주목받고 있다.이 글에서는 OKLCH가 주목받는 이유와 기존 색상 모델의 한계를 비교하며 OKLCH의 특징과 장점을 소개하려 한다. P3 색상우선 OKLCH를 이해하려면 디스플레이 색역에 대한 이해가 필요하다. 대부분의 디스플레이는 인간이 볼 수 있는 모든 색을 표현하지 못한다.현재 가장 보편적으로 사용되는 색상 모델인 sRGB는 사람 눈에 보이는 색상의 약 35%만 표현할 수 있다.이에 비해 최신 디스플레이는 약 30% 더 넓은 색상 영역을 표현할 수 있고, 이를 P3(wide-gamut) 라고 부른다. 기존의 RGB, ..