OKLCH

Features

• OKLCH는 CSS Color Module 4 스펙에 추가된 새로운 컬러 선언 방법
  • oklch(45% 0.26 264 / 50%) : (Lightness Chroma Hue / Opacity)
• OKLCH의 장점
  • rgb/hex에 비해서 읽기가 쉽다. hsl과 비슷하지만 밝기를 더 잘 인코딩
  • hsl과 달리 perceptual한 밝기를 사용하며, 콘트라스트가 예측 가능
  • wide-gamut P3 색상에 사용 가능 (애플장비 처럼 sRGB 모니터보다 더 많은 색상을 표시할 때)

See also

• Color space
• RBG/HSL

Favorite site

• OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blog