CSSでHDR色指定

CSSでHDR色空間を指定するには、CSSカラーモデルの一部である color()、 background-color()、 border-color()、 outline-color() などの関数に、HDR色空間でのカラー値を表す display-p3、rec2020、rec709などの色プロファイルを指定する必要があります。

以下は、CSSでHDR色空間で色を指定する例です（display-p3プロファイルを使用）。

color: color(display-p3 0.5 0.8 0.2);
background-color: color(display-p3 0.2 0.4 0.6);

このように、CSSでHDR色空間での色指定が可能ですが、ディスプレイやブラウザのサポートによっては、指定された色が正しく再現されない場合があることに注意してください。HDR色空間をサポートしているディスプレイを持っていない場合、HDR色空間で指定された色はSDRで再現されます。