To Get Firefox looking like Chrome and Safari
By default, Firefox only applies color correction to images that have embedded color profiles. You can enable full color management to apply color correction to everything, including colors defined in CSS. Then it should look more like Chrome and Safari.
about:config (type that in to the address bar), set
Color Correction, Over Simplified
Monitors have different response curves. For example, the difference between
#FA0000 may be noticeable on some monitors, and not on others.
Color profiles contain the skews to compensate for this by altering the actual output, in an attempt to preserve contrast and overall accuracy of the intended appearance. They can be applied to monitors, printers, and other devices.
Many image formats support embedded color profiles; think of it boiling down to descriptors on how it’s supposed to look. If the system knows the inaccuracies of your monitor, it can combine that profile with the image’s profile to skew the output for the best possible reproduction.
When it comes to things without profiles, such as color values in CSS, some assumptions about intent must be made.
Let’s say your monitor does indeed produce a discernible difference between the two similar colors mentioned before. You use those colors in your CSS. The assumption is that your intent was to show the subtle difference. Some monitors out there may end up displaying the same color on the screen, despite the two colors being sent to them. Color correction alters the colors sent to the screen so a subtle difference actually is reproduced. If you wanted them to appear the same, you’d have just used
#FF0000 and never bothered with
Digital Color Meter is aware of color profiles in use. This is why it gives different values over the same image across two different displays, and different values depending on what color space you’ve selected.