T3
Colour

Colour #5: Gamut

Every colour, laid out flat

The CIE chromaticity chart shows all colors available to the human eye, laid out flat. The curve shows all spectral colors, and the bottom dotted line shows our non-spectral purples.

It has to be said though that you are only looking at a representation of the chart, because your montior likely cannot display all the colors your eye can see.

Monitors show a subset of all colours

Given that monitors use three LEDs to produce color, they can only show a triangle’s worth of colors on the chromaticity chart, and never the whole horseshoe.

sRGB is probably the most common color space for monitors, and it has been for a long time (1996). It has actually been so prevalent that it has become a problem: Modern monitors can often show colors outside of the sRGB triangle, but everyone on the web assumes sRGB, leading to you seeing over-saturated colors on better monitors, essentially punishing you for having a better monitor than the person who made the content.

P3 and Rec.2020 gamuts

The color space problem is slowly being solved, with P3 monitors becoming more common, and Rec.2020 monitors starting to appear.

CSS has gotten support for color spaces beyond sRGB via the color() function in around 2023:

.p3 {
  color: rgb(255 0 0); /* graceful fallback */
  color: color(display-p3 1 0 0);
}
.rec2020 {
  color: color(rec2020 1 0 0);
}

The CMYK gamut

Print uses a subtractive color model, meaning that mixing all the colors together produces black, and mixing none of them produces white. This is the opposite of monitors, which use an additive color model, where mixing all the colors together produces white, and mixing none of them produces black.

CMYK also works with different primary colors than monitors — cyan, magenta and yellow — which means that the colors it can produce is different from the triangle of colors a monitor can produce. The result is that CMYK can produce some colors that monitors cannot, and vice versa.

Since mixing pigment is quite a bit different than mixing light, printing a photo on paper will never look quite the same as displaying it on a monitor. But nobody is printing photos anymore, right?