CSS Types

CSS Types

Editing

<oklab()>

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

구문

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

사용되는 키워드

키워드요약
none

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

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Color Module Level 4

Last review date: 2022-11-12