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.
Fábio Pili
Dec 10, 2018

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.

mac-profile-location.jpg

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.

Firefox color management config

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.

Comments

Marthur • 8 years ago

Thank you for taking your time to post this guide. It's been a real life saver.

Boris • 8 years ago

or install this, it's easier:
https://addons.mozilla.org/fr/firefox/addon/color-management/

Christian • 5 years ago

Did these steps. But my colours in FF 22 are all washed out. I do run a wide gamut monitor (Dell 2407WFP-HC). Could it be the problem?

Fabio • 5 years ago

Christian, are you running a custom display profile, or the manufacturer supplied profile? Is it v2 or v4? Your display profile may be corrupt or incompatible.

Devon • 5 years ago

ICC v4 profile support in Firefox doesn't seem to work correctly as of version 25. It is working for me in Internet Explorer 11 so my profile is correct.

Fabio • 5 years ago

Devon, Firefox can read ICC v4 profiles embedded in images. ICC v4 display profiles are supposed to work, but I also had some problems in the past. I stick to v2 display profiles for better compatibility.

Larry • 5 years ago

so if I want to set Adobe's color profile manually should I just type the string:
"C:Windowssystem32spooldriverscolorAdobeRGB1998.icc"

under
gfx.color_management.display_profile
?

Fabio • 5 years ago

Larry, actually you have to set your display's custom color profile, not a working space, like AdobeRGB. If you don't have a calibration hardware, like the Spyder4 or the i1 Display Pro, it is better to leave color management disabled.

Dirk • 4 years ago

Thank you for your post. It solved the issues I had with my new wide gamut monitor!

Jos Gysenbergs • 4 years ago

Thanks, this solved Firefox's annoying lack of proper color management. This old Color Management 0.5.3 FF add-on doesn't work but your pointers brought normal colors back in FF 29.0.1.

huno • 3 years ago

Hi,
thank you for great blog, that helps me alot to understand what happen with my system.
But can you tell me how about dual screen ?
My 2 Dell U2410 have little different factory color and have been calibrated on 2 ICC file different. but I think that we can't introduce 2 ICC on firefox config, right?

Thanks.

Fabio • 3 years ago

Hello Huno.

Unfortunately it's only possible to use a single profile in Firefox configuration.

If you're on a Mac, the latest versions of Safari (on 10.9 and 10.10) also correctly process tagged and untagged images and page elements. Since Safari is more tightly coupled with the system, it can possibly understand separate ICC profiles for each LCD.

Another option is to try and match both displays as close as possible during calibration.

Thank you for your comment,

Fabio

Henkki Zakkinen • 3 years ago

Hi,
I use Firefox 42.0 ond Win 7 and just made an observation that made me wonder. All untagged images I looked at in my browser seemed clearly oversaturated. I had the monitor profile set as you suggest. But I also had calibrated my display. After reading on the mozillazine pages re the profile setting, "A string containing the full path to an ICM profile for output. Default is an empty string in which case the systems global profile is used. If no global profile can be found a default sRGB profile is used. ", I decided to delete the setting. That made my Firefox display the colours as I expected it.

Strange somehow...

Henkki

Scott Rod • 3 years ago

This doesn't seem to work for Firefox used on iMac (Late 2015) with P3 display.

gfx.color_management.display_profile: /Library/ColorSync/Profiles/Displays/iMac-35288192-BACA-F638-ACA9-0F6D7DBDD4E7.icc

gfx.color_management.enablev4: true

gfx.color_management.mode: 1

JG • 2 years ago

Dunno if you still have trouble but the path to your profile should look like this:

/Users/home/Library/ColorSync/Profiles/iMac-35288192-BACA-F638-ACA9-0F6D7DBDD4E7.icc

where 'home' is - ahem - your 'home directory'.

Dmitry • 2 years ago

Doesn't work.
gfx.color_management.display_profile: /Users/iron/Library/ColorSync/Profiles/DELL 2408WFP-09.icc
gfx.color_management.enablev4: true
gfx.color_management.mode: 1

is ff rip as and mozilla and netscape?

Fabio • 2 years ago

Hi Dmitry.

Make sure the profile location is correct. Sometimes the spaces mess with the file location. I'm using Firefox 48 on MacOS 10.11.6, same configuration as yours and can confirm that color management works fine.

Best,

Fabio

gray • 2 years ago

thanks for the post very much, i have iMac 5K 27' with P3 gamut.
even when i turn on color management:
gfx.color_management.display_profile;(i tried /Library/ColorSync/Profiles/Displays/ or blank)
gfx.color_management.enablev4;true
gfx.color_management.mode;1
gfx.color_management.rendering_intent;0

but still firefox is totally over saturated. seems im not alone:
https://discussions.apple.com/thread/7479433?start=0&tstart=0

do I have to have my own color profile for my iMac?
Safari works perfectly fine on the browser color test.

Kevin Newman • 2 years ago

Sadly, the profile has to be set manually. This means that if you have multiple monitors with different color profiles, you'll have to live with one of them never being quite right.

OP • 2 years ago

Same problem here on OSX 10.12.1. Even after pointing the correct path to the monitor profile, Firefox still shows oversaturation of tagged and untagged sRGB files, but Safari displays both tagged or untagged sRGB images accurately.

I'm so frustrated and not sure what else to do.

Fabio • 2 years ago

I'm still on 10.11. I'll upgrade to Sierra on the next few days and report back here. Thank you for letting me know.

Randy Levine • 2 years ago

Sadly however, Firefox still does not use the monitor profile to color correct video coming from sites like YouTube and Netflix. The calibration LUT is still applied so the gamma and gray balance is correct, but the colorization portion of the .icc file is still not being utilized for video coming through the browser. Very unfortunate since movies and video in this browser are still highly over-saturated in the reds. Especially if you are using a HDTV connected to your computer.