The description of color has come a long way over hundreds of years of scientific exploration—from the ancient idea of "red has its shades and brightness its depths" to today’s three-dimensional model of hue, lightness, and saturation. This article takes you back to the source to see how the three elements of color gradually rose from isolated observations to become the cornerstones of color science.
📖 Table of Contents
1. The Origin of the Three Elements of Color
In ancient times, painters created works using plant or mineral dyes, but there was a problem—they could not describe color accurately. The same red could be cinnabar or ochre, and different people understood red differently. So a set of "rules" was needed to define the darkness and vividness of a red.
Before the 17th century, the common understanding of color was that "color is a property of the object itself." Is color the object, or is it light? An important turning point was Newton’s prism dispersion experiment in 1666. Newton split sunlight through a prism into red, orange, yellow, green, blue, indigo, and violet, then passed the spectrum through a second prism to recombine it into white light. From then on, color was no longer seen as a property of the object, but as light of a specific wavelength reflected by the object—for example, an apple reflects red light and absorbs the rest, so it looks red.
In Newton’s dispersion experiment, light at different positions in the spectrum showed fixed colors, and there was a mapping between wavelength and color—for example, 620–750 nm corresponds to red and 450–495 nm to blue. Newton therefore drew the seven colors of the spectrum into a "color wheel." Distinguishing different colors by means of the wheel—this idea of categorizing colors—was the prototype of hue.
Scientists after Newton found in experiments that for light of the same wavelength, the visual sensation changes when the intensity of the light changes—the higher the intensity, the brighter the color. At this stage the concept of lightness gradually emerged to describe how light or dark a color is, with the intensity of light as its physical basis.
Then, toward the end of the 18th century, while doing experiments on mixing light, scientists found a phenomenon that "hue + lightness" could not explain: light of the same hue and the same lightness could differ in being "vivid vs. dull." This difference in vividness could not be explained by hue (wavelength) or light intensity (lightness). The scientist Thomas Young found that the human eye perceives pure light and mixed light differently: pure light activates one type of cone cell, while mixed light activates several types at once, reducing vividness. And so the concept of saturation emerged to describe how vivid or dull a color is.
Finally, in the mid-19th century, the German physicist Hermann Grassmann proposed Grassmann’s laws of color mixing, formally establishing "hue, lightness, and saturation" as the basic components of color for the first time and clarifying their physical basis and mutual relationships:
- HueDetermined by wavelength; it is the category label of a color.
- LightnessDetermined by light intensity; it is the light-or-dark label of a color.
- SaturationDetermined by the purity of light; it is the vividness label of a color.
2. Systematization of the Three Elements and an Introduction to Color Standards
After the 20th century, the three elements of color were formally integrated into a unified theory of color and popularized through standardization.
In 1905, the American artist Munsell created the "Munsell color system," using three-dimensional coordinates (a hue circle and lightness and saturation axes) to quantify the three elements of color. For example, "5R 4/6" means "hue is the 5th red, lightness is 4 (medium light), and saturation is 6 (fairly high)." This site also offers a simple online tool—the Munsell Color System—to help designers understand and use the Munsell color system.
Later, in 1931, the CIE (International Commission on Illumination) established the CIE RGB color space, and in 1976 it introduced the CIE LAB color space; both are centered on the three elements. In the LAB space, L represents lightness, a/b represent the hue dimensions, and saturation is determined by the numerical distance of a/b. The CIE color system is one of the three most comprehensive core color standards in the world.
The second well-known standard is the Pantone standard, whose full name is the Pantone color system. While the CIE standard is positioned as the global basic color standard, the Pantone color system is positioned as the standard for the creative, design, and fashion fields. Its defining feature is that every color is assigned a number—for example, "Pantone 485 C," where C means coated paper printing, and "Pantone 15-0343 TPX," where TPX means textile fabric.
The third well-known standard is the CMYK / RGB standard. These two standards are based on CIE theory and are color implementation schemes for "digital display" and "physical printing." The core principle of the RGB standard is the additive primaries of light, and it is commonly used for electronic displays, while CMYK is a standardized, engineered scheme of the subtractive primaries in practical application. This site’s Color Unit Converter supports conversion among 12 color models such as RGB, CMYK, HEX, HSL, and HSV, making it easy to switch between different standards.
CIE RGB in 1931 and CIE LAB in 1976 are common references in the field of color science.
Every color has a number, such as Pantone 485 C (coated paper) or Pantone 15-0343 TPX (textile fabric).
RGB targets electronic displays and CMYK targets the printing industry; both are engineering implementations of CIE theory.
3. Summary
This article mainly introduced the historical origin of the three elements of color and then presented the many color standards built on them in the modern era. Different color standards form solutions for different fields and scenarios—from canvas to screen and from printing to fashion, the three elements of color are the fundamental common language.