カラープロファイルの違いによる広色域ディスプレイでの画像の色の表示の違い

カラープロファイルの違いによる広色域ディスプレイでの表示の違いについて紹介します。

画像の準備

比較用の画像を準備します。以下の3つの画像を準備します。
Webブラウザやディスプレイのハードウェアによっては3つとも違った表示になる場合や、3つとも同じ表示になる場合があります。

カラープロファイル[なし]

カラープロファイル[sRGB]

カラープロファイル[広色域ディスプレイ]

結果とまとめ

結果が長いため、先に結果とまとめを紹介します。

表示結果
ディスプレイ	OSのカラープロファイル	画像のカラープロファイル	フォト	Webブラウザ	ペイント	Photoshop	Explorer サムネイル
通常のディスプレイ	なし	なし	(基準)	(基準)	(基準)	(基準)	(基準)
通常のディスプレイ	なし	sRGB	(基準)	(基準)	(基準)	(基準)	(基準)
通常のディスプレイ	なし	広色域ディスプレイ1	基準より鮮やか	基準より鮮やか	(基準)	基準より鮮やか	基準より鮮やか
広色域ディスプレイ1	広色域ディスプレイ1	なし	基準より淡い	基準より淡い	(基準)	基準より淡い	(基準)
広色域ディスプレイ1	広色域ディスプレイ1	sRGB	基準より淡い	基準より淡い	(基準)	基準より淡い	(基準)
広色域ディスプレイ1	広色域ディスプレイ1	広色域ディスプレイ1	(基準)	(基準)	(基準)	(基準)	基準より鮮やか
広色域ディスプレイ1	sRGB	なし	(基準)	基準より淡い	(基準)	基準より淡い	(基準)
広色域ディスプレイ1	sRGB	sRGB	(基準)	基準より淡い	(基準)	基準より淡い	(基準)
広色域ディスプレイ1	sRGB	広色域ディスプレイ1	基準より鮮やか	(基準)	(基準)	(基準)	基準より鮮やか
広色域ディスプレイ2	広色域ディスプレイ2	なし	基準よりわずかに鮮やか	基準より淡い	(基準)	基準より淡い	(基準)
広色域ディスプレイ2	広色域ディスプレイ2	sRGB	基準よりわずかに鮮やか	基準より淡い	(基準)	基準より淡い	(基準)
広色域ディスプレイ2	広色域ディスプレイ2	広色域ディスプレイ1	基準より鮮やか	(基準)	(基準)	(基準)	基準より鮮やか
広色域ディスプレイ2	sRGB	なし	(基準)	基準より淡い	(基準)	基準より淡い	(基準)
広色域ディスプレイ2	sRGB	sRGB	(基準)	基準より淡い	(基準)	基準より淡い	(基準)
広色域ディスプレイ2	sRGB	広色域ディスプレイ1	基準より鮮やか	(基準)	(基準)	(基準)	基準より鮮やか

sRGBのカラープロファイルを持った画像を通常のディスプレイで表示した場合では、(基準)の画像が表示されますが、広色域ディスプレイで表示した場合は、ディスプレイの表示色域が広いため、より極端なカラー(より鮮やか、より暗い色)で表示されます。通常のディスプレイでのsRGBと同じ見え方にするためには、広色域ディスプレイでは色味を若干落とした表示にする必要があります。広色域ディスプレイでは、(基準)より淡いカラーで表示される動作が正しい挙動になります。

sRGBのプロファイルを持つ画像を広色域ディスプレイで広色域ディスプレイのプロファイルを設定している場合と、一般的なディスプレイでプロファイルを設定していない場合で比較します。
カラーマネジメントに対応していないペイントとExplorerサムネイルでは、(基準)である標準の色が描画されますが、それ以外のカラーマネジメントに対応したアプリケーションでは基準のカラーよりも淡い色で表示されます。

ディスプレイ	OSのカラープロファイル	画像のカラープロファイル	フォト	Webブラウザ	ペイント	Photoshop	Explorer サムネイル
通常のディスプレイ	なし	sRGB	(基準)	(基準)	(基準)	(基準)	(基準)
広色域ディスプレイ1	広色域ディスプレイ1	sRGB	基準より淡い	基準より淡い	(基準)	基準より淡い	(基準)

逆に、広色域ディスプレイで画像の色を決定した場合、色域が広いため、通常のディスプレイではより鮮やかなカラーで描画する必要があります。この場合、作成した画像に広色域ディスプレイのプロファイルを埋め込みます。
広色域ディスプレイのプロファイルを埋め込んだ画像で、広色域ディスプレイで広色域ディスプレイのプロファイルを設定している場合と、一般的なディスプレイでプロファイルを設定していない場合で比較します。
カラーマネジメントに対応していないペイントアプリではどちらも基準の色で表示されます。一方、カラーマネジメントに対応しているフォトアプリやWebブラウザ、Photoshopでは基準となる色よりも鮮やかな色で描画されています。
Explorerのサムネイルもカラープロファイルに一部対応しているようです。基準より鮮やかな色で表示されます。

ディスプレイ	OSのカラープロファイル	画像のカラープロファイル	フォト	Webブラウザ	ペイント	Photoshop	Explorer サムネイル
通常のディスプレイ	なし	広色域ディスプレイ1	基準より鮮やか	基準より鮮やか	(基準)	基準より鮮やか	基準より鮮やか
広色域ディスプレイ1	広色域ディスプレイ1	広色域ディスプレイ1	(基準)	(基準)	(基準)	(基準)	基準より鮮やか

広色域ディスプレイでアプリケーション間で色が変わらないようにするには

広色域ディスプレイでアプリケーション間で色が変わらないようにするには、広色域ディスプレイのカラープロファイルを導入し、画像のプロファイルを広色域ディスプレイのカラープロファイルに設定します。
ただし、ほかのディスプレイのPCで画像を表示した場合に色が変化してしまうため、注意が必要です。

広色域ディスプレイでデバイス間の表示色を合わせる場合

広色域ディスプレイでデバイス間での表示色を合わせる場合には、広色域ディスプレイのカラープロファイルを導入し、画像のプロファイルをsRGBのカラープロファイルに設定します。
デバイス間のカラーイメージは合いますが、カラーマネジメントに対応しているアプリケーションの表示色と、対応していないアプリケーションの表示色が変わってしまいます。

広色域ディスプレイをsRGBモードで利用する場合

高色域ディスプレイをsRGBモードで利用する場合は、カラープロファイルやドライバをインストールしない方法がおすすめです。カラープロファイルがインストールされてしまうと、PhotoshopやGoogle Chrome, Microsoft Edgeは自動でプロファイルを参照する挙動があるためか、想定の色とずれて(淡い色で)表示される現象が発生する場合があります。

通常のディスプレイでの表示比較 (ディスプレイのカラープロファイルを設定していない場合)

一般的なPCでの表示を比較します。

フォトアプリケーションでの表示

比較すると、広色域ディスプレイのディスプレイのプロファイルが設定された画像が若干鮮やかな表示になっています。

カラープロファイル[なし]

カラープロファイル[sRGB]

カラープロファイル[広色域ディスプレイ]

Webブラウザでの表示

比較すると、広色域ディスプレイのディスプレイのプロファイルが設定された画像が若干鮮やかな表示になっています。

カラープロファイル[なし]

カラープロファイル[sRGB]

カラープロファイル[広色域ディスプレイ]

ペイントでの表示

ペイントアプリケーションではカラーマネジメントの補正が効かないため、3つとも同じ表示になります。フォトアプリ,Webブラウザで「カラープロファイル[なし]」の表示と同じ色で表示されます。

カラープロファイル[なし]

カラープロファイル[sRGB]

カラープロファイル[広色域ディスプレイ]

Photoshopでの表示

Photoshopで埋め込まれたカラープロファイルをそのまま使用した場合の表示です。
比較すると、広色域ディスプレイのディスプレイのプロファイルが設定された画像が若干鮮やかな表示になっています。

カラープロファイル[なし]

カラープロファイル[sRGB]

カラープロファイル[広色域ディスプレイ]

Winodws Explorer サムネイルの表示

一番左の広色域ディスプレイのカラープロファイルが設定されているサムネイルだけ、色が鮮やかに表示されています。