CSS미디어 특성인color-gamut 은사용자 에이전트 와 출력 장치가 지원하는 대략적인색역 범위를 기반으로 CSS 스타일을 적용하는 데에 사용됩니다.

구문

color-gamut 특성은 다음색 공간 의 키워드 값에 따라 정해집니다.

srgb

사용자 에이전트와 출력 장치가sRGB 색역 이상을 지원할 수 있습니다. 대부분의 색상 디스플레이가 여기에 포함됩니다.

p3

사용자 에이전트와 출력 장치가Display P3 색 공간에 지정된 색역 이상을 지원할 수 있습니다. P3 색역은 sRGB 색역보다 크며 이를 포함합니다.

rec2020

사용자 에이전트와 출력 장치가ITU-R Recommendation BT.2020 색 공간에 지정된 색역 이상을 사용할 수 있습니다. REC. 2020 색역은 P3 색역보다 크며 이를 포함합니다.

예제

HTML

<p>테스트입니다.</p>

CSS

p {  padding: 10px;  border: solid;}@media (color-gamut: srgb) {  p {    background: #f4ae8a;  }}

결과

명세서

브라우저 호환성

같이 보기

• 색 공간을 지정하는color() 함수
• CSS colors 모듈
• 색역 표현을 지정하는@media at 규칙
• 미디어 쿼리 사용법 이해를 위한미디어 쿼리 사용하기
• CSS media queries 모듈
• 위키피디아의sRGB