Skip to content

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

Favorite site