CSS Types

CSS Types

Editing

<polar-color-space>

극좌표계(polar coordinates)를 사용하는 색상 공간(color space)을 나타낸다. 

구문

  • CSS Color Module Level 4
    hsl | hwb | lch | oklch

사용되는 키워드

키워드요약
hsl

색조, 채도 및 밝기의 삼중항으로 지정된다.

hwb

sRGB 색상을 지정하는 또 다른 방법으로 HSL과 유사하지만 사람이 이해하기가 더 쉽도록 설계되었다. 먼저 색조로 색상을 정한 다음에 해당 기본 색조에 혼합할 흰색과 검은색의 정도를 지정한다.

lch

CIE LCH는 Lab과 동일한 L축을 가지지만 극좌표 C(크로마:chroma)와 H(색조:hue)를 사용하여 극좌표, 원통형 좌표계를 만든다. C는 L축으로부터의 기하학적 거리이고 H는 양의 a축에서 양의 b축을 향한 각도이다.

oklch

시각적으로 유사한 색상의 대규모 데이터셋을 수치 최적화하여 제작하였으며 CIE LCH에 비해 색상 선형성, 색상 균일성, 채도 균일성이 향상되었다.

버전 명세

Modules
Module NameStatusSummary
CSS Color Module Level 4

Last review date: 2022-11-12