FireFoxの色表示設定

FireFoxカラーマネジメント

FireFox(この時のバージョンは79.0)上で、液晶モニターなどの色性能により本来の色と異なる色で表示される場合があります。

本来両方とも青色部分は#007FFF作成しているのですが、画面上では違う色で表現されています（波部分(#2C7BFE)はpng画像で、下部(#007FFF)はCSSで色指定しています）

色の不一致

こういった色性能による現象は、FireFoxの設定でカラーマネジメントの設定を変更すると正しく表示されるようになります。

本来の色

BenQのPD2700Qの場合は、次の値で色の差異がなくなりました。設定はFireFoxのアドレスバーにabout:configと入力して、下記項目を探し出して値を変更します。

項目名 値
gfx.color_management.enablev4 true
gfx.color_management.mode 1

上記の値に変更して、FireFoxを再起動すると本来の色で表示されるようになりました。

FireFox about:config


参考
Firefox の ICC カラーコレクションMDN web docs

変更による不具合

ただこのFireFoxのカラーマネジメント設定を上記のような値で設定した場合、Windyなどのサイトで正しく風の粒子アニメーションなどが表示されるなくなりますので、注意が必要です。

Windyの表示がおかしい

PD2700Qモニターの設定(カラーレンジ)

ちなみにPD2700QでHDMI接続している場合、PD2700Qのオンスクリーンメニューの画像の詳細設定 の HDMI RGB PC 範囲 は自動選択にしていると色の表示がおかしくなっていたので、RGB(0~255)に設定しています。


参考
Firefox is wrong rendering WIND ANIMATION by activated color management mode 1Windy community

前の記事

パソコントラブル
Excel VSTOアプリが使えなくなった

次の記事

PC起動時にブルースクリーンが表示される
Windows Blue Screen