try ai
Popular Science
Edit
Share
Feedback
  • Chromaticity Diagram

Chromaticity Diagram

SciencePediaSciencePedia
Key Takeaways
  • The CIE 1931 chromaticity diagram is a two-dimensional map representing all human-visible colors based on their hue and saturation, independent of brightness.
  • The diagram's primary rule is that the additive mixture of any two light sources lies on the straight line connecting them, which defines the color gamut of devices like displays.
  • Any color can be quantitatively described using its dominant wavelength (its pure spectral hue) and excitation purity (its saturation level) relative to a standard white point.
  • The Planckian locus, a curve on the diagram, represents the color of ideal heated objects and is used to define the Correlated Color Temperature (CCT) of light sources.

Introduction

The quest to quantify color—to create a universal standard that bridges the physics of light, the technology of engineering, and the biology of human perception—is one of the great challenges in science. The solution, developed nearly a century ago, is the CIE 1931 chromaticity diagram: a definitive map of every color the human eye can see. This article addresses the fundamental need for a common language of color by exploring this powerful tool. By understanding its structure and rules, we can precisely measure, mix, and reproduce colors across a vast range of disciplines.

This journey through the world of color is structured in two parts. First, in "Principles and Mechanisms," we will learn how to read this unique map, from its horseshoe-shaped boundary to the rules of additive color mixing that govern travel within it. We will discover how to describe any color with quantitative precision using concepts like dominant wavelength and purity. Following that, "Applications and Interdisciplinary Connections" will demonstrate how this abstract map becomes an indispensable blueprint for the real world, shaping everything from the vibrant displays of our smartphones and televisions to the scientific design of advanced materials and modern lighting.

Principles and Mechanisms

Imagine trying to create a map. Not of a country or a continent, but of every color possible. A map that contains the brilliant scarlet of a cardinal, the deep azure of a twilight sky, the vibrant green of new spring leaves, and every subtle shade in between. This is precisely what the ​​CIE 1931 chromaticity diagram​​ attempts to be. It is one of the most brilliant and useful tools in all of optics, engineering, and art. But like any good map, you must first learn how to read its landmarks and understand the rules of travel.

The first stroke of genius in this map is what it chooses to ignore: ​​brightness​​. The diagram is a pure map of ​​chromaticity​​, which is the combination of ​​hue​​ (what we typically call the "color," like red, green, or blue) and ​​saturation​​ (the intensity or purity of the hue, from a pale pastel to a vivid spectral color). Two lights with the same chromaticity, such as the light from a specific red LED when dim and when bright, will occupy the exact same point on this map; they only differ in their luminance, a dimension we have projected away to create this flat chart.

The Landscape of Color

The space of all human-visible colors takes on a curious, horseshoe-like shape. This boundary is not arbitrary; it represents the limits of our perception.

The curved outer edge is called the ​​spectral locus​​. This is the domain of the purest colors possible in nature, the colors of a single wavelength of light. If you were to trace your finger along this arc, you would be journeying through the colors of a perfect rainbow, from deep violet around 400 nanometers, through blue, green, yellow, orange, and finally to a deep red around 700 nanometers.

But wait, what about colors like magenta or hot pink? You won't find them in the rainbow. These colors do not correspond to a single wavelength of light. On our map, they live on the straight line that closes the bottom of the horseshoe, a segment known as the ​​line of purples​​. These are the colors our brain creates when it sees a mixture of light from the two extremes of the spectrum: red and violet.

Everything inside this boundary—the spectral locus and the line of purples—is the world of less-saturated colors. Right in the middle of this space, we find the "achromatic" colors—the whites and grays. There isn't a single, universal "white," but rather a ​​white point​​ that depends on the lighting conditions. The color of daylight (like D65), the warm glow of a tungsten bulb (Illuminant A), or a theoretical equal-energy source (Illuminant E) all have their own specific coordinates on the map. This white point is our crucial reference, our "you are here" marker for defining the colors around it.

The Rules of the Road: Additive Color Mixing

So, we have a map. How do we navigate it? The single most important rule of the chromaticity diagram is the law of ​​additive color mixing​​:

When you mix any two lights, the chromaticity of the resulting mixture will always lie on the straight line segment connecting the chromaticities of the two original lights.

This rule is beautifully simple and incredibly powerful. It immediately explains the concept of a ​​gamut​​, the range of colors a device can produce. Your computer monitor, for instance, has three primary lights: a red, a green, and a blue. The chromaticity of these three lights forms a triangle on the CIE diagram. By mixing them in different proportions, your screen can create any color inside that triangle. But it can never produce a color that lies outside it. This is why you can mix a spectral red and a spectral green to get yellow (which lies on the line between them), but you can never mix them to create a saturated spectral blue, which lies in a completely different part of the map. The target is simply outside your reach.

This rule can be made even more precise. Where on the line does the mixture fall? This is governed by the ​​lever rule​​. Imagine the line segment connecting two light sources, S1S_1S1​ and S2S_2S2​, is a seesaw. The final mixed color is the fulcrum. To get a color closer to S1S_1S1​, you need to "weigh it down" with more of S1S_1S1​'s light. The ratio of the ​​luminous flux​​ (which is proportional to brightness) of the two sources is inversely proportional to the distances from the mixed color to the source colors along the line. This allows engineers to calculate with high precision the exact brightness ratio needed to hit a specific target color on the mixing line.

This principle also gives us the concept of ​​complementary colors​​. For any given color and a chosen white point, there exists another color on the diagram that, when mixed with the first, produces that white. To find it, you simply draw a line from your starting color, through the white point, and extend it until it hits the boundary on the other side. That point on the boundary is the complementary color.

Defining a Color's Character: Dominant Wavelength and Purity

The diagram doesn't just tell us what happens when we mix colors; it gives us a rich language to describe any single color. Suppose you have a sample color—say, a pale, minty green—located somewhere in the interior of the diagram. How would you describe it?

You would use two key metrics: its dominant wavelength and its excitation purity.

  1. ​​Dominant Wavelength​​: To find this, you start at your chosen white point, draw a line through your sample's color point, and extend it until it intersects the spectral locus. The wavelength at that intersection point is the ​​dominant wavelength​​. It tells you the pure, monochromatic spectral hue that your color most closely resembles. For our minty green, this line would likely hit the spectral locus somewhere in the green region, say at 508 nm.

  2. ​​Excitation Purity​​: This tells you how saturated your color is. It's simply the ratio of the distance from the white point to your sample, divided by the total distance from the white point to its dominant wavelength on the spectral locus. A purity of 0 means you are right at the white point (no color, just white/gray). A purity of 1 means you are on the spectral locus, a pure, fully saturated color. Our pale minty green might have a purity of, say, 0.45, meaning it's about 45% of the way from white to the purest possible green of its hue.

Together, dominant wavelength and purity give us an intuitive and quantitative way to specify any color, much like saying "a slightly desaturated green with a hue of 508 nm."

The Colors of Heat: The Planckian Locus

Not all light comes from mixing distinct red, green, and blue sources. Think of the warm, orange-yellow glow of a candle flame, the reddish hue of an incandescent bulb, or the brilliant white-blue of a distant star. The light from these sources is well-approximated by an idealized physical object called a ​​black-body radiator​​. As you heat a black body, it first glows red, then orange, then yellow, then white, and eventually blue-white.

If we plot the chromaticity of a perfect black-body radiator as its temperature increases, we trace out a smooth curve on the CIE diagram. This curve is called the ​​Planckian locus​​. It runs from the deep red region, up through the center of the diagram, and into the bluish-white area.

This locus gives us another powerful way to characterize light sources. For a source like an LED or fluorescent bulb that doesn't perfectly mimic a black body but has a color close to one, we can describe its color by its ​​Correlated Color Temperature (CCT)​​. The CCT is the temperature of the point on the Planckian locus that is perceptually closest to our light source's color. Finding this "closest" point is a subtle task, often done in a more perceptually uniform color space, but the principle is simple: we're finding the black-body temperature that our eyes would judge as the best match for the light source's color. This is why a light bulb can be rated at "3000 K" (warm white) or "5000 K" (cool, daylight white).

A Wrinkle in the Map: The Imperfect Eye

By now, you might think the CIE 1931 diagram is a perfect map. But it has one great, fascinating flaw. The distances on this map do not correspond to perceived differences in color.

Imagine walking one meter on a flat plain. Now imagine walking one meter on a steep, rocky mountainside. The distance is the same, but the effort and the change in your surroundings are vastly different. The CIE 1931 diagram is a perceptually distorted map. A certain step-size in the green region might represent a change so subtle that no human could see the difference. That same step-size in the blue region could represent a dramatic shift from one distinct color to another.

This non-uniformity was famously mapped by David MacAdam in the 1940s. He found that the zones of "perceptually indistinguishable" color around any given point are not circles, but ellipses. These ​​MacAdam ellipses​​ are large and elongated in the green region, but small and compact in the blue region. Each ellipse represents one ​​Just-Noticeable Difference (JND)​​. If two colors fall within the same ellipse, we see them as the same color.

This discovery is profound. It tells us that the diagram is a map based on the physics of mixing light, not the biology of how our eyes and brain process it. While later color spaces (like CIELAB or the UCS mentioned in the CCT problem) have been designed to be more perceptually uniform, the 1931 diagram remains a cornerstone because of its direct link to the linear nature of additive light mixing.

Understanding this "wrinkle" in the map is not just an academic curiosity. It allows us to ask a truly grand question: How many colors can we actually see? If we think of each JND (a MacAdam ellipse in chromaticity, plus a step in brightness) as a single "perceptual pixel," we can estimate the total number of distinct colors the human visual system can resolve. By calculating how many of these JND volumes can be packed into the entire space of visible color, scientists have estimated that we can distinguish several million colors. The map of color, in the end, allows us to quantify the very capacity of our own perception, estimating the amount of information our senses can deliver to our brain, measured in bits, just like a computer. From a simple map, we gain insight into the richness of our own experience.

Applications and Interdisciplinary Connections

We have now explored the theoretical landscape of human color vision, a beautiful abstract map called the CIE chromaticity diagram. But what good is a map if you don't use it to explore? As it happens, this map is not just for admiring; it is an indispensable blueprint for the engineers, artists, and scientists who build the colorful world we experience every day. It provides a common language, a universal standard, that connects the physics of light with the biology of perception. Let’s take a journey through some of the surprising and powerful ways this map is put to use.

Engineering the Digital Canvas: Displays and Gamuts

Look at the screen you're reading this on. It is a mosaic of millions of tiny light sources, each a combination of red, green, and blue. The total range of colors your screen can possibly create is called its ​​color gamut​​. On the chromaticity diagram, this gamut is not some complicated shape but a simple triangle. The three corners, or vertices, of this triangle are the precise chromaticities of the screen's purest red, green, and blue primary lights. Any color that can be mixed from these three primaries lies inside this triangle. Anything outside is, for that device, an "impossible color."

This simple geometric representation is incredibly powerful. For one, it allows us to compare the capabilities of different display technologies at a glance. You may have heard of displays advertised as having a "wide gamut," such as those using the Display P3 standard instead of the older sRGB standard. What does this mean in practice? By plotting the primary triangles for both standards on the same chromaticity diagram, we can see that the P3 triangle is larger, enclosing more area, particularly in the vibrant green and red regions. We can even calculate the area of each triangle to state precisely how much more color a P3 display can reproduce compared to an sRGB one. The abstract map suddenly gives us a concrete number to quantify a better viewing experience.

The diagram also answers a critical question for digital artists and designers: can my device produce the exact shade of teal I need for my project? If they know the (x,y)(x, y)(x,y) coordinates of their target color, they can simply plot it on the diagram. If the point falls inside their monitor's gamut triangle, the answer is yes. If it falls outside, the color cannot be displayed accurately and will be approximated by the closest color on the edge of the gamut. Mathematically, this check involves calculating the "mixing recipe" for the target color, a set of values called barycentric coordinates. If the recipe calls for a positive amount of each red, green, and blue primary, the color is in gamut. If it absurdly asks for a "negative amount" of one of the primaries, it's a clear mathematical signal that the color is out of reach.

The Science of Illumination: From Starlight to LEDs

Our journey now moves from the colors on a screen to the color of the light sources that illuminate our world. Every light source, from a candle flame to a fluorescent tube to the sun itself, has a color that can be plotted as a single point on the chromaticity diagram. One of the most fascinating features on this map is a curve known as the ​​Planckian locus​​. This is the path traced by the color of an ideal incandescent object—a "blackbody"—as it is heated. It starts at a deep red (like a stovetop coil), moves through orange and yellow to a brilliant white, and finally ends in a searing bluish-white. The colors of fire, tungsten filaments, and even stars lie close to this curve. It is, in a sense, the path of natural light.

This brings us to one of the triumphs of modern lighting engineering: the white Light Emitting Diode (LED). You might think a "white" LED bulb produces a smooth, continuous spectrum like the sun. But most of them are a clever trick of color mixing, a trick perfectly explained by the chromaticity diagram. A common design uses a blue LED chip coated with a material called a phosphor. The blue light from the chip does two things: some of it passes through the phosphor, and some of it is absorbed by the phosphor, which then glows yellow. Our eye receives this mixture of blue and yellow light and, if the proportions are right, perceives it as white light! On the chromaticity diagram, this is beautifully simple. The final color of the LED is not a random point; it lies on the straight line segment connecting the point for the blue LED light and the point for the yellow phosphor light. By adjusting the ratio of blue to yellow light, engineers can slide the final color point along this line, precisely tuning the "warmth" or "coolness" of the white light.

Beyond Emitted Light: The World of Reflected Color

So far, we have talked about light that is emitted. But most of the colors we see—the green of leaves, the red of a book cover—are colors of reflected light. These objects absorb certain wavelengths from the ambient light (like sunlight) and reflect the rest to our eyes. This process of color creation is called ​​subtractive mixing​​, and it's the principle behind paints, dyes, and printing. You might wonder if we need a whole new diagram for this. The beautiful answer is no. The CIE chromaticity diagram is universal; it maps the final perception, no matter how the light got to our eye.

We can use the diagram to compare the gamuts of an additive RGB monitor and a subtractive CMY (cyan, magenta, yellow) printing process. Imagine a printer using "ideal" dyes: a cyan that absorbs all red light, a magenta that absorbs all green, and a yellow that absorbs all blue. When you print a patch of green, you are actually laying down a layer of cyan dye (to remove red) and yellow dye (to remove blue), leaving only the green part of the white light to be reflected. By calculating the spectrum of the light reflected from various combinations of these ideal dyes, we can find their corresponding chromaticity coordinates. The gamut of this ideal printing system also forms a region on the CIE diagram. By comparing its shape and area to that of an RGB display, we can gain deep insights into why printed images sometimes look different from their on-screen counterparts, and why some bright, luminous colors on a monitor are impossible to reproduce with ink on paper.

A Chemist's Palette: Designing Colors Atom by Atom

Perhaps the most profound connection is the one that links the chromaticity diagram to the fundamental properties of matter itself. The field of materials science is a kind of atomic-level engineering, and color is one of the most important properties they engineer. For certain classes of materials, color arises not from broad absorption bands, but from sharp, well-defined electronic transitions within individual atoms.

A spectacular example is found in the ​​lanthanide​​ series of elements—the "rare-earth" metals. The electrons in the inner 4f4f4f orbitals of these ions are uniquely shielded from their chemical surroundings. Because of this shielding, when a lanthanide ion in a crystal absorbs energy and then re-emits it as light, the wavelength of that light is almost always the same, regardless of the host material. It's a unique atomic fingerprint. For example, Dysprosium(III) ions almost always emit a characteristic yellowish-green light, while Samarium(III) emits a vibrant orange-red.

This is where the chromaticity diagram becomes a predictive tool for chemists. By knowing the characteristic energy of an electronic transition for a given ion, a scientist can calculate the precise wavelength of the emitted light. With that wavelength, they can find the exact (x,y)(x, y)(x,y) coordinate on the chromaticity diagram, predicting the final perceived color with remarkable accuracy. This isn't just an academic exercise; it is the basis for designing the phosphors in our televisions and smartphones, where different lanthanide ions are chosen to be the red, green, and blue emitters, creating the vertices of the display's gamut triangle. We have come full circle: the color on our screens begins with the quantum leaps of electrons inside individual atoms, a journey elegantly charted and unified by the chromaticity diagram.

This map of color, born from experiments on human perception a century ago, has become a crossroads where physics, chemistry, engineering, and art converge. It is a testament to the power of a good scientific model, transforming an abstract concept into a practical tool that helps us measure, predict, and create the visual fabric of our world.