How Light Makes Colors

Picture the northern lights washing across a night sky in slow ribbons of green, violet, and soft red. There is no paint up there and no canvas, just light, glowing in colors that seem to arrive from nowhere. The screen in your hand pulls off the very same trick, only smaller and whenever you ask it to. It does not hold paint or ink. It makes color by giving off light, and once you see how that works, color stops being a mystery and becomes something you can build on purpose. The whole thing comes down to a handful of lights and how brightly each one shines.

Light Travels As Waves

Light moves a bit like ripples spreading across water, in waves. The strength of a wave is what your eye reads as brightness. A strong, vivid wave is bright light. A faint wave is dim light. No wave at all is no light, which your eye reads as black. The aurora is this idea written across the whole sky: gas high in the atmosphere gives off light, and the brighter that light glows the more vividly the night is painted. Hold on to that one idea, because brightness being the strength of a wave is the foundation for everything below.

A Screen Builds Color From Three Lights

Get very close to a screen and each tiny dot, each pixel, is really three even tinier lights sitting side by side: one red, one green, and one blue. They never melt into a new kind of light. They simply shine next to each other, and from a normal distance your eye blends them into a single color. That is why this is called additive color. You start in complete darkness and add light until you reach the color you want.

This is the opposite of mixing paint. Paint starts on a white page and grows darker the more you add, because every layer soaks up light. A screen starts black and grows brighter the more you add, because every dot gives light off. The aurora follows the same logic as the screen, a dark sky lit up from nothing, never a bright page stained over.

Every color a screen can show is just these three lights at different brightnesses. Hand the screen a recipe for how bright to make red, green, and blue, and it reproduces your exact color every time. That recipe is the RGB value, three numbers from 0 to 255, one for each light, where 0 means a light is off and 255 means it is shining at full strength.

Turning Each Light Up And Down

Here is where it clicks. In the mixer below, each of the three lights is a wave in its own color, and all three sit on the same line so you can watch them stack up. Turning a light up makes its wave glow brighter, turning it down makes it fainter, and at zero the wave is gone. So pure red, written ff0000, is a bright red wave with green and blue gone. A soft, dusty olive like 808000 is a fainter red and green together, with blue gone. Black, 000000, is no light at all, so there are no waves. A dimmer light is simply a fainter wave.

Try it below. Type a color or pick one, and watch the three lights inside it brighten and fade as you change it.

Disclaimer: This mixer is a simplified picture made to build intuition, not a precise physics simulation. Read its waves and numbers as a feel for how three lights add up, not as exact real world measurements.

Adding Lights Together

Now to the mixing itself. Bring red and green up together and where their waves overlap your eye reads the pair as yellow, ffff00, even though there is no yellow light anywhere, only red and green shining at once. Bring the blue light up as well and all three together come out as white, ffffff, which is why a screen showing plain white is quietly running all three of its lights at full. Take them all away and you are back to black. Green plus blue gives cyan, red plus blue gives magenta, and every shade in between is just those three dials set to different points.

That is exactly what the sky is doing during an aurora. The gases up there give off their own light, oxygen its greens and reds, nitrogen its blues and violets, and your eye adds the whole display together into the colors you finally see. The sky becomes one enormous additive screen, running on the same rules as the one in your pocket: a few lights, each at its own brightness, blended by your eye into a single picture. Once you start thinking in lights instead of paint, every color on a screen becomes a simple question: how bright do you make each one?

Where This Leaves You

That is the quiet engine behind every image you have ever watched glow on a display, and behind every aurora you have ever stopped to watch. No paint, no ink, just a handful of lights leaning on each other in the right amounts. To work with exact values, our color tool takes any hex code and breaks it down into its RGB, HSL, and other equivalents, so you can move between them with confidence.

Codigrate

Codigrate