CSS の color-gamut
メディア特性は、ユーザーエージェント及び出力機器が対応している色のおよその範囲を調べるために使用することができます。
構文
color-gamut
特性は以下の一覧のうち一つのキーワード値で指定します。
srgb
- 出力機器が sRGB 色域にほぼ対応、またはそれより広い範囲に対応している場合です。大多数のカラーディスプレイはこれに含まれます。
p3
- 出力機器が DCI P3 色空間にほぼ対応、またはそれより広い色域に対応している場合です。 P3 色域は sRGB 色域よりも広く、またsRGB色域を含んでいます。
rec2020
- 出力機器がおよそ ITU-R 勧告 BT.2020 色空間にほぼ対応、またはそれより広い色域に対応している場合です。 REC2020 色域は P3 色域よりも広く、またP3色域を含んでいます。
例
HTML
<p>This is a test.</p>
CSS
@media (color-gamut: srgb) {
p {
background: #f4ae8a;
}
}
結果
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
Media Queries Level 4 color-gamut の定義 |
勧告候補 | 初回定義。 |
ブラウザーの対応
BCD tables only load in the browser
このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。