다른 색상 함수처럼 암시적인 sRGB 색상 공간이 아닌 명시적인 색상 공간에서 색상을 지정한다.
color() 함수의 인수를 나타내는 타입이다.
color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )
<colorspace-params>은 <predefined-rgb>(또는< xyz-space>) 값과 RGB 값을 차례대로 지정한다. RGB 각각의 값의 범위는 [0,1] 범위의 <number>이거나 <percentage> 값을 갖는다. <predefined-rgb>와 < xyz-space>로 설정 가능한 값은 각각의 타입에 대한 내용을 참고하기 바란다.
(예) RGB 값을 <number>로 지정하는 경우
srgb 0.5 0 0.78<alpha-value>은 투명도 값을 선택적으로 지정한다.
0에서 1까지의 소수로 설정이 가능하며 0은 투명, 0.5는 반투명, 1은 불투명을 적용한다. 퍼센트로 적용하는 경우에는 0%에서 100%까지 설정이 가능하며 0%는 투명, 100%는 불투명을 의미한다.
<number> | <percentage>color() 함수에서 사용 가능한 매개 변수의 데이터 타입을 나타낸다. RGB 계열의 미리 정의된 색 공간(predefined color spaces)에서 표현되는 색상 값이거나 XYZ 색 공간(xyz color space)의 색상 값을 나타낸다.
[ <predefined-rgb-params> | <xyz-params>]
color() 함수의 매개 변수 타입중 하나이다. 미리 정의된 RGB 계열의 색 공간(predefined color spaces) 키워드(<ident>)와 함께 Red, Green, Blue가 지정된 색 공간에서 가지는 값을 <number> 또는 <percentage>로 표현된다.
<predefined-rgb> [ <number> | <percentage> | none ]{3}
정수 또는 실수를 표현한다.
어떠한 기준으로 부터 백분율로 표현한다.
미리 정의된 RGB 계열의 색 공간(predefined color spaces) 키워드(<ident>)를 나타낸다.
srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020
a98-rgb 색 공간은 색의 빨강, 녹색 및 파랑 채널을 나타내는 세 가지 숫자 매개 변수를 허용한다. 색 영역 내의 색은 세 가지 구성 요소가 모두 [0, 1] 범위에 있다. 전달 곡선은 감마 함수이며 1/2.2에 가깝지만 정확하지는 않다.
display-p3 색 공간은 색의 빨강, 녹색 및 파랑 채널을 나타내는 세 가지 숫자 매개 변수를 허용한다. 영역(gamut)의 색은 세 가지 구성 요소가 모두 [0, 1] 범위에 있다. DCI-P3와 동일한 기본 색도를 사용하지만 화이트 포인트는 D65이며 sRGB와 동일한 전달 곡선을 사용한다.
최신 디스플레이, TV, 노트북과 휴대폰 화면은 display-p3 색 영역의 전부 또는 거의 전부를 표시할 수 있다.
prophoto-rgb 색 공간은 색의 빨강, 녹색, 파랑 채널을 나타내는 세 가지 숫자 매개 변수를 허용한다. 색 영역 내 색은 세 가지 구성 요소가 모두 [0,1] 범위에 있다. 전달 곡선은 1/1.8 값의 감마 함수이며 검은색에 가까운 작은 선형 부분이다. 흰색 점은 CIE Lab에서 사용하는 것과 동일한 D50이다. 따라서 CIE Lab으로 변환할 때 색채 적응 단계가 필요하지 않다.
prophoto-rgb 색 공간은 물리적으로 구현할 수 없는 고채도의 원색을 사용한다. 이는 넓은 색 영역을 허용하고 특히 색조 조작에 따른 색조 변화를 최소화하기 위해 선택되었다. 디지털 사진에서 사진 이미지의 아카이브 버전을 위한 넓은 색 영역의 색 공간으로 자주 사용된다. prophoto-rgb 색 공간을 사용하면 CSS에서 동일한 RGB 값을 가진 이미지의 색상과 일치하는 색상을 지정할 수 있다.
rec2020 색 공간은 색의 빨강, 녹색, 파랑 채널을 나타내는 세 가지 숫자 매개 변수를 허용한다. 색 영역의 색은 [0,1] 범위의 세 가지 구성 요소를 모두 갖는다. ITU 참조 2020은 초고화질, 4K 및 8K TV에 사용된다.
원색은 물리적으로 구현할 수 있지만 스펙트럼 궤적에 매우 가깝기 때문에 어려움이 있다.
현재 디스플레이는 rec2020의 전체 영역을 재현할 수 없다. 디스플레이가 개선되고 시간이 지나면서 적용 범위가 늘어날 것으로 예상된다.
srgb[SRGB] 컬러 스페이스는 색상의 빨강, 녹색 및 파랑 채널을 나타내는 세 개의 숫자 매개 변수를 허용한다. 색역 내 색상에는 [0, 1] 범위의 세 가지 구성 요소가 모두 있다. 백점(whitepoint)는 D65이다.
[SRGB]는 인코딩과 일반의 두 가지 보기 조건을 지정하며 모든 레거시 색상 기능에 사용되는 CSS의 기본 컬러 스페이스이다.
srgb-linear[SRGB] 컬러 스페이스는 색상의 빨강, 녹색 및 파랑 채널을 나타내는 세 개의 숫자 매개 변수를 허용한다. 색역 내 색상에는 [0, 1] 범위의 세 가지 구성 요소가 모두 있다. 백점(whitepoint)는 D65이다.
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
어떠한 값도 설정하지 않음을 나타낸다.
color() 함수의 매개 변수 타입중 하나이다. XYZ 계열의 색 공간(xyz color space)에서 색상을 설정한 값을 나타낸다. XYZ 계열의 색 공간(xyz color space)에서 사용 가능한 키워드를 지정하고 x, y, z 값으로 색상을 나타낸다.
<xyz-space> [ <number> | <percentage> | none ]{3}
정수 또는 실수를 표현한다.
어떠한 기준으로 부터 백분율로 표현한다.
XYZ 계열의 색 공간(xyz color space)에서 사용 가능한 키워드를 나타낸다.
xyz | xyz-d50 | xyz-d65
xyz 컬러 스페이스는 X, Y 및 Z 값을 나타내는 세 개의 숫자 매개 변수를 허용한다. CIE XYZ[COLORIMETRY] 컬러 스페이스를 나타내며 확산 흰색의 휘도(Y)가 1.0이 되도록 조정된다. 필요한 경우 기준 흰색에 반음계로 적용된다.
xyz 컬러 스페이스에서 기준 흰색이 D50이다.
xyz 컬러 스페이스에서 기준 흰색이 D65이다.
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
어떠한 값도 설정하지 않음을 나타낸다.
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
어떠한 값도 설정하지 않음을 나타낸다.
| Modules | ||
|---|---|---|
| Module Name | Status | Summary |
| CSS Color Module Level 4 | Last review date: 2022-11-12 | |