Mixed Reality, UK

How to avoid a Colour Crisis  (Author: Dr Eric Tatham)

Have you ever taken a photograph and spent time getting the colours just how you wanted (see Fig 1), then seen it projected or on a web page (see Fig 2) and thought “What the ….. has happened to the colours?”

(Fig 1)

(Fig 2)

The problem here is incorrect handling of Colour Space.

The human eye can distinguish a wider range of colours than can be represented by mixing three primary colours; Red, Green and Blue. Hence the International Standard CIE System for representing colour actually uses imaginery RGB values to plot all visible colours on a chart called a Chromaticity Diagram. On this diagram all visible colours fit into a kind of horseshoe shape of colour. (See Fig 3.)

(Fig 3 – Image created by Jeff Schewe)

Unfortunately computer-based images where pixel colours are represented by RGB values cannot actually represent all visible colours.

In figure 3 the triangle labelled ProPhoto RGB contains all the colours that can be represented by mixing, in different proportions, the Red, Green and Blue represented by the triangle corners.

All the colours within the triangle are called the Gamut or colour space of these RGB values. So you can see ProPhoto RGB colour space represents quite a large range of visible colours even including some that can’t actually be distinguished by humans since the gamut extends beyond the visible horseshoe.

All colours within the Adobe RGB colour space are distinguishable To the human eye although the overall gamut is smaller than ProPhoto RGB.

The advantage of using ProPhoto RGB when processing your images is that you are working with the widest possible range of colour. Even though you can’t display them all, the computer can still do its mathematical calculations on this wide range.

The problem with computer displays is that they contain Red, Green and Blue elements that cannot match the Red, Green and Blue of either ProPhoto RGB or Adobe RGB colour spaces.

To ensure industry-wide standardisation all computer RGB display systems are therefore manufactured to the so-called sRGB standard. You will see in fig 3 that the gamut of this is actually quite small with lots of potentially visible colours that cannot be represented.

When processing images it is best to use ProPhoto RGB or Adobe RGB but these must be converted to sRGB for computer display.

The intended colour space for an image is stored in the image file as a Colour Profile. Some display software will read this profile and do its best to convert this to sRGB without too adversely affecting the colour appearance.

So when manipulating your images in Lightroom or Photoshop the images will look close in colour to what you would expect even though they are being converted to sRGB for display.

Unfortunately, not all systems will do this. They will simply take the RGB values in the file and assume they are sRGB hence effectively compressing the colour space. This is what has happened to Fig 2 above.

In Photoshop you can easily check the Colour Profile of an image by clicking on the little arrowhead to the right of the text at the bottom of the image window and selecting Document Profile from the drop-down menu. See Fig 4.

(Fig 4)

You can also assign and convert colour profiles under Photoshop’s Edit menu. Figures 5 and 6 show how to convert to ProPhoto RGB for example.

(Fig 5)

(Fig 6)

Most importantly, whichever Colour Space you are working with, if you don’t want a ‘colour crisis’, make sure you convert your images to sRGB before saving for PDI competitions or for display on a website.