How to configure Firefox color management

Firefox is a fully color managed browser, but unfortunately that capability is enabled by default only for images tagged with ICC color profiles. All other page elements and untagged images are rendered on the full monitor color gamut, leading to inaccurate and over-saturated colors, specially on wide gamut displays. Read more about it on our browser color management guide.

In order to enable and properly configure Firefox color management, follow the steps below.

Find out your monitor profile path

For Mac users:

Open the Colorsync Utility - located inside the Utilities folder on your Applications folder - and click on the profiles tab. Select you monitor profile on the list and copy its full path.

If you don't know what's your monitor profile, look for it into System Preferences > Displays > Color.

OS X stores color profiles at
/Users/(username)/Library/Colorsync/Profiles
/Library/Colorsync/Profiles.

For Windows users:
Color profiles are usually located at C: > WINDOWS >  System32 > Spool > Drivers > Color.

Enable it on the Firefox advanced configuration

Type in about:config on your Firefox address bar.

Use the filter field to search for color_management.

Values that should be changed are shown in bold.

Update the following fields:
gfx.color_management.display_profile
Insert the full path of your monitor profile.

gfx.color_management.mode
0 - Disable color management.
1 - Enable color management for all rendered graphics. (Recommended)
2 - Enable color management only for tagged images only. (Default)

gfx.color_management.rendering_intent
Leave it as 0, which is the default value por Perceptual rendering intent.

gfx.color_management.enablev4
Firefox 8 brings a new feature: ICC v4 profiles support. To enable it, change this variable to true.

Restart Firefox.

Test it

You can check how your browser's color management is behaving by accessing our browser color management test.