<p>The first thing to say is that the line and triangle in the chromaticity diagram show the result of mixing coloured lights,
so the triangle works for the additive RGB model which is mixing emitted light on a video screen,
but mixing pigments will not result in a colour range in a straight line or triangle from the location of the pigment in the chromaticity diagram.</p>
<p>In the HSL chart neither additive light mixing nor subtractive pigment mixing will generally result in a colour directly between the two colours.
Typically the HSL chart will be defined in an attempt to make the full gamut of colours a circle, and then smaller gamuts are illustrated within this circle.
All the attempts to do this I have seen appear to be hand-drawn estimates of the resulting gamuts, such as these:</p>
<p><a href="https://i.sstatic.net/64ygN.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/64ygN.jpg" alt="HSL_gamut_diagram" /></a></p>
<p><a href="https://i.sstatic.net/7eLux.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/7eLux.jpg" alt="enter image description here" /></a></p>
<p>Please note that in this diagram the &quot;visible colour gamut&quot; is illustrated with the RGB gamut of the computer display, despite being labelled as a wider gamut.
It is also not trivial to define what is meant by &quot;visible colour gamut&quot; in HSL terms, which may contribute to these charts typically showing different ranges for CMYK etc. It is only the chromaticity chart which has a simple, clear limit for the &quot;visible colour gamut&quot;.</p>
<p>You could define an HSL chart with the sRGB gamut as a circle, and then calculate all the possible mixtures of a set of colours using additive or subtractive mixing.
I think you would get gamuts with curved lines in HSL space joining the original colours, but notable corners at the original colours and their secondaries.</p>
<p>HSL space is not well suited to do exact displays of such colour ranges. You might be better looking at other spaces. CIELAB space will have some similar issues, but it is at least exactly defined, and the ab plane within CIELAB might give you what you are looking for.</p>
<p>If you want a gamut with straight lines for mixing colours, you could look at DKL space, which is not as commonly used, but for colour mixtures produces gamuts which are polygons with straight edges in my experience.</p>

CC BY-SA 4.0
2022-09-09T13:57:45.143Z
2022-09-10T19:20:26.033Z
2022-09-10T19:20:26.033Z
Timothy Maguire
<p>before considering the HSL color space, let's consider the CIE chromaticity diagram to understand what I'm looking for:</p>
<p><a href="https://i.sstatic.net/gVLS7m.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/gVLS7m.png" alt="enter image description here" /></a></p>
<p>Unless I am mistaken, I read it that way:</p>
<ol>
<li><p>Given two points A, B, any color in the AB segment could be obtained by mixing A and B in different proportions.</p>
</li>
<li><p>Given three points C, D, E, any color in the CDE triangle could be obtained by mixing C, D, E in different proportions, and that's the principle of the RGB color model.</p>
</li>
<li><p>This 2D graph is a slice of a 3D graph, for a fixed value of color lightness.</p>
</li>
</ol>
<p>Now, each color of A,B,C,D,E points could be qualified through Hue, Saturation, Lightness:</p>
<p>Is there a way to visualize in this last graph something similar to the CIE diagram? Given two points A,B inside the HSL graph, which colours could be obtained by them? Should I draw a plane, a curved surface etc?</p>
<p><a href="https://i.sstatic.net/ZrXCim.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/ZrXCim.png" alt="enter image description here" /></a></p>

<color><color-science><colorspace>
How to visualize color synthesis in HSL diagram
Kinka-Byo
# How to visualize color synthesis in HSL diagram

(Asked by: username_0 on 2022-09-09)

before considering the HSL color space, let's consider the CIE chromaticity diagram to understand what I'm looking for:

[![enter image description here](https://i.sstatic.net/gVLS7m.png)](https://i.sstatic.net/gVLS7m.png)

Unless I am mistaken, I read it that way:

1. Given two points A, B, any color in the AB segment could be obtained by mixing A and B in different proportions.
2. Given three points C, D, E, any color in the CDE triangle could be obtained by mixing C, D, E in different proportions, and that's the principle of the RGB color model.
3. This 2D graph is a slice of a 3D graph, for a fixed value of color lightness.

Now, each color of A,B,C,D,E points could be qualified through Hue, Saturation, Lightness:

Is there a way to visualize in this last graph something similar to the CIE diagram? Given two points A,B inside the HSL graph, which colours could be obtained by them? Should I draw a plane, a curved surface etc?

[![enter image description here](https://i.sstatic.net/ZrXCim.png)](https://i.sstatic.net/ZrXCim.png)

**Tags:** color, color-science, colorspace


---

## 1 answers

### Answer by username_1 on 2022-09-09. Score: 1 | Accepted answer

The first thing to say is that the line and triangle in the chromaticity diagram show the result of mixing coloured lights,
so the triangle works for the additive RGB model which is mixing emitted light on a video screen,
but mixing pigments will not result in a colour range in a straight line or triangle from the location of the pigment in the chromaticity diagram.

In the HSL chart neither additive light mixing nor subtractive pigment mixing will generally result in a colour directly between the two colours.
Typically the HSL chart will be defined in an attempt to make the full gamut of colours a circle, and then smaller gamuts are illustrated within this circle.
All the attempts to do this I have seen appear to be hand-drawn estimates of the resulting gamuts, such as these:

[![HSL_gamut_diagram](https://i.sstatic.net/64ygN.jpg)](https://i.sstatic.net/64ygN.jpg)

[![enter image description here](https://i.sstatic.net/7eLux.jpg)](https://i.sstatic.net/7eLux.jpg)

Please note that in this diagram the "visible colour gamut" is illustrated with the RGB gamut of the computer display, despite being labelled as a wider gamut.
It is also not trivial to define what is meant by "visible colour gamut" in HSL terms, which may contribute to these charts typically showing different ranges for CMYK etc. It is only the chromaticity chart which has a simple, clear limit for the "visible colour gamut".

You could define an HSL chart with the sRGB gamut as a circle, and then calculate all the possible mixtures of a set of colours using additive or subtractive mixing.
I think you would get gamuts with curved lines in HSL space joining the original colours, but notable corners at the original colours and their secondaries.

HSL space is not well suited to do exact displays of such colour ranges. You might be better looking at other spaces. CIELAB space will have some similar issues, but it is at least exactly defined, and the ab plane within CIELAB might give you what you are looking for.

If you want a gamut with straight lines for mixing colours, you could look at DKL space, which is not as commonly used, but for colour mixtures produces gamuts which are polygons with straight edges in my experience.


---

