CSS Types

CSS Types

Editing

<oklch()>

oklch() 함수의 매개 변수를 나타낸다. 

구문

  • CSS Color Module Level 4
    oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )
    첫 번째 인수 L의 경우(밝기): <percentage> | <number> | none
    0% = 0.0100% = 1.0
    0%(black)~100%(white) 범위에서 밝기를 지정한다. 0%이거나 100%인 경우에는 색조와 채도는 모두 무효가 된다. 0%보다 작은 값은 0%로 고정되고 100%보다 큰 값은 100%로 고정된다.
    두 번째 인수 c의 경우(채도): <percentage> | <number> | none
    0% = 0100% = 0.4
    Oklab 색 공간에서 "a"축과 "b"축의 거리 값이다. 양수와 음수 모두 허용하나 음수의 경우에는 계산된 값 시점에 0으로 고정된다. W3C 사양에는 이론적으로 제한이 없으나 실제로는 0.5를 초과하지 않는다고 정의했다. 채도가 0인 경우에는  색조 값은 무효가 된다.
    세 번째 H(hue)의 경우(색조): <hue> | none
    색조 각도를 또는 로 지정한다. 설정 각도에 대한 자세한 사항은 위의 Lch Space 그림을 참고한다.
    네 번째 선택 사항 투명도: <alpha-value> | none
    /로 구분된 네 번째 인수 는 선택사항으로 투명도(0~1)를 지정한다.
    개선된 Lab 색 공간에서 색과 투명도 지정

사용되는 키워드

키워드요약
none

어떠한 값도 설정하지 않음을 나타낸다.

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Color Module Level 4

Last review date: 2022-11-12