Color Rendering: Why Two "White" Lights Reveal Colors Differently
You've seen it: a shirt looks navy in the store and black in the parking lot, or a fruit bowl looks lush at home and grim under the office lights. Both lights looked white - so what changed? The answer is color rendering. A white point tells you nothing about the shape of a spectrum, and it's the shape that decides which colors a light can bring to life and which it flattens. This is the interactive guide to color rendering and the CRI.
Same white, different colors
An object has no color of its own - it has a reflectance, a rule for which wavelengths it bounces back and which it absorbs. What you see is that reflectance multiplied by whatever light is falling on it. So a color can only appear if the light actually contains the wavelengths the object reflects. A perfect crimson tomato needs deep-red light to be there; if the lamp emits almost no red, the tomato has nothing red to reflect, and it looks brown - no matter how white the lamp itself appears.
And a lamp's whiteness is deceptive. The white point - its color temperature - is just the overall balance of the spectrum. Two lamps can hit the same white while having wildly different spectral shapes: one a smooth, full rainbow (sunlight, incandescent), the other a few narrow spikes with dark gaps between them (a cheap LED or fluorescent tube). They look identical on a blank wall and completely different on a bowl of fruit. That difference is color rendering.
reflectance × light spectrum. The white
point sets the balance of the light; the fullness of the spectrum sets how well real
colors survive. A high color-rendering source has light at every wavelength; a low one has gaps
that silently erase colors.
Two lights, one white, two renderings
Here are two light sources adjusted to the same white: a reference with a smooth, full spectrum, and a test LED-style source built from three narrow peaks. The spectra are drawn above; the same eight-color palette is rendered under each below. Watch the saturated colors - especially reds and cyans - shift and dull under the spiky source, even though its white is the same.
The same palette under two "white" lights
Top: the two spectral power distributions (smooth reference in gold, spiky test in blue). Bottom: the eight test colors rendered under each - reference on the left of each pair, test on the right. The fidelity score on the right is a CRI-style average (100 = renders like the reference). A smooth reference scores ~100; the peaky source falls well short.
Turning down the quality
Color rendering isn't on/off - it's a dial. Slide a source from a smooth, full spectrum toward a gappy, peaky one and watch the fidelity fall and the palette curdle in real time. This is the difference between a premium high-CRI bulb and a bargain-bin one, made continuous.
From full spectrum to gappy
Drag from a smooth spectrum (high fidelity) toward a spiky one (low fidelity). The white point is held steady, so the light keeps looking white while the colors it renders drift further from true. Notice how the reds and greens are the first to suffer.
Where the spectrum has gaps
To see which colors a gap destroys, build the spectrum yourself. This source is three phosphor peaks - blue, green, and red - each with its own strength. Pull the red peak down and the whole warm end collapses: tomatoes, skin, and wood go gray and lifeless, because there's no red light left for them to reflect. The demo names the color that suffers most.
Remove a peak, lose a color
Three peaks make the white; adjust each one's strength. As you starve a region of the spectrum, the colors that live there stop rendering. Drop the red peak to watch warm colors die; drop green to hollow out foliage. The readout flags the worst-hit sample and the overall fidelity.
Scoring the render: Ra and per-color fidelity
CRI turns all this into a number. It renders a set of standard test colors under the source and under a same-temperature reference, measures how far each one shifted, and reports the fidelity of each (Ri) plus their average, Ra. A single low color can drag the average down - which is why the special deep-red index R9 is watched so closely. See each color's score.
Ra is an average - look underneath it
Pick a source type and see the fidelity of each test color as a bar (100 = perfect), with the average Ra called out. A source can post a decent Ra while badly failing one or two colors - the bars reveal what the single number hides.
What the numbers mean
A quick field guide to the vocabulary of light quality.
Best practices and pitfalls
Test your understanding
Six questions on color rendering, spectral gaps, CRI, and the metrics beyond it. Instant feedback, no scores recorded - a wrong answer comes with a short explanation.
Quick check
Continue your journey
Color rendering sits at the meeting point of light sources, the standard observer, and metamerism - here's where to go next.
Color Temperature and White Balance
The white point that rendering is measured against.
Physics · 70Emission: Neon, LEDs, and Gas-Discharge Light
Where the spiky spectra come from in the first place.
Colorimetry · 11Metamerism Explained
Why matches under one light break under another.
Colorimetry · 76The Standard Observer: 2° vs 10° and the Average Eye
The color-matching functions that turn spectra into color.
Colorimetry · 8CIE XYZ Explained
The tristimulus math behind rendering a spectrum.
Vision · 5Human Color Vision: Cones, Opponent Signals, and the Brain
The three cones that sample the reflected light.