📘 CodingMarble Learn

Light and Colour: Mixing, Seeing and Energy of Light

White light is a mix of colours (red to violet). Lights add: red + green + blue make white (additive mixing, used by screens). Paints take away: cyan + magenta + yellow make near-black (subtractive mixing). An object has a colour because it reflects some colours and absorbs the rest. Eyes use three kinds of cone cells. Light colour tells its energy: E = hf, blue photons carry more energy than red.

🎬 Step-by-step story

  1. A glass prism splits white light into a rainbow. White light is a mix of many colours. Red bends least; violet bends most.
  2. Your phone screen has only three kinds of tiny dots: red, green and blue. Your eye mixes them into every colour you see.
  3. Three lights on a dark wall. Where two overlap you get yellow, cyan or magenta. All three give white. Light adds up.
  4. Three paints on white paper. Each paint soaks up some light, so overlaps get darker, ending near black. Paint takes light away.
  5. An apple is red because it reflects red light to your eye and soaks up the blue and green of white light.
  6. Your turn. Slide red, green and blue to make any colour. Switch to paint mode and see the opposite rule.

Tip: drag the 3D scene to turn it. Use two fingers to zoom.

🤔 Common doubts, cleared

Why does a prism make a rainbow?

Each colour slows down by a different amount in glass, so each bends by a different amount. Red bends least and violet bends most.

Are red, yellow and blue not the primary colours?

They are the traditional painter's primaries. Physics and printers use cyan, magenta and yellow for paint and red, green and blue for light, which can make a wider range of colours.

Why does the screen only need three colours?

The eye has only three kinds of cones. Three lights can stimulate them in any mix, so the brain sees nearly any colour.

Why does mixing paints go darker but mixing lights go brighter?

Each paint takes light away, so more paints take away more. Each light adds energy, so more lights add more.

Why is an apple red and not green?

It reflects red and absorbs the other colours, so only red reaches your eye.

Can I make any colour on the slider?

Many, but not every visible colour. The triangle of what a screen can show is called its gamut.

White light and the spectrum

Sunlight looks white, but it is a mix of colours. A prism bends each colour by a different amount, so the colours spread out into a spectrum: red, orange, yellow, green, blue, indigo, violet. Each colour has its own wavelength: red is longest (about 700 nm), violet is shortest (about 400 nm).

Energy carried by light

Light comes in tiny packets called photons. A photon's energy depends only on its colour (frequency): E = h × f, where h is Planck's constant. Light travels at c = f × λ (c = 3 × 108 m/s). So a short wavelength means a high frequency and more energy.

A handy shortcut: E (in eV) = 1240 ÷ λ (in nm). Red light at 700 nm: 1240 ÷ 700 = 1.77 eV. Violet at 400 nm: 1240 ÷ 400 = 3.1 eV. Brighter light means more photons, not more energy per photon.

Additive mixing: making colour with light

When coloured lights overlap, the colours add. The three primary colours of light are red, green and blue (RGB).

Screens use this. Each pixel has tiny red, green and blue dots, and each dot can be set from 0 to 255. That gives 256 × 256 × 256 = 16,777,216 colours.

Subtractive mixing: paints, inks and filters

Paint does not make light. It takes away (absorbs) some colours from the white light that falls on it. The primaries of subtractive mixing are cyan, magenta and yellow (CMY). Cyan soaks up red, magenta soaks up green, yellow soaks up blue.

Printers add a black ink (K) to get a true black. This is CMYK.

Paint: pigments, solvents and recipes

Paint has three parts. Pigment is the coloured powder that gives the colour and does not dissolve. A binder (like oil or acrylic) holds the pigment on the wall. A solvent (water or thinner) makes it thin enough to spread, then dries away.

A paint recipe is a list of parts. For example, 2 parts blue + 1 part yellow gives a green; adding white makes it lighter. Shop paints are mixed by machine from a base and several coloured pigments in exact amounts, so the same shade can be made again.

Why objects have colour

An object's colour is the light it reflects. A red apple reflects red and absorbs the rest. A white shirt reflects all colours. A black shirt absorbs nearly all, so it feels hotter in the sun. Under a green light a red apple looks nearly black, because there is no red light for it to reflect.

How the eye sees colour

The retina at the back of the eye has rods (work in dim light, no colour) and cones (work in bright light, give colour). There are three kinds of cones: red-ish, green-ish and blue-ish. The brain compares how strongly each kind responds and tells you the colour. If one kind is missing or weak, the person has colour blindness (common: red-green).

This is why three light colours are enough for screens: they stimulate the three cones in different amounts.

Colour map and gamut

Scientists draw every colour a human eye can see on one flat curved chart, the chromaticity diagram. A screen's red, green and blue dots are three points on it; every colour the screen can make lies inside the triangle joining them. That triangle is the screen's gamut. A bigger triangle means the screen can show more vivid colours. No screen with three dots can show every visible colour.

Try it

In the 3D: go to the last step. Make yellow with only red and green. Then switch to paint mode and see what the same sliders do.

At home: look at a phone screen through a drop of water. You may see the tiny red, green and blue dots. In a dark room, shine a red torch on a green leaf; what colour does it look?

Key formulas and definitions

Worked examples

1. What colour do you get when red and green lights overlap? And paint cyan and yellow?

Red light + green light = yellow (light adds). Cyan paint + yellow paint = green (cyan takes away red, yellow takes away blue, so only green is left).

2. Find the frequency of green light of wavelength 500 nm.

f = c ÷ λ = 3 × 10⁸ ÷ (500 × 10⁻⁹) = 6 × 10¹⁴ Hz.

3. Find the energy in eV of a photon of wavelength 620 nm.

E = 1240 ÷ 620 = 2.0 eV.

4. Which photon has more energy, red (700 nm) or blue (450 nm)? By how much?

Red: 1240 ÷ 700 = 1.77 eV. Blue: 1240 ÷ 450 = 2.76 eV. Blue has about 1.6 times more energy (2.76 ÷ 1.77).

5. A pixel is set to (R, G, B) = (255, 255, 0). What colour is it?

Full red + full green + no blue = yellow.

6. A red rose is lit by pure blue light. What colour does it look?

Almost black. A red rose reflects red only. There is no red in blue light, so almost nothing is reflected.

Common mistakes

Practice quiz

1. Primary colours of light are:
2. Cyan paint + yellow paint gives:
3. Which colour of light has the highest photon energy?
4. Cells in the eye that give colour vision are:
5. A screen's gamut is:

Practice: answer these yourself

Type or choose your answer, then press Check. Use a hint if you are stuck; the full solution appears after you answer.

Frequently asked questions

What is the difference between additive and subtractive colour mixing?

Additive mixing adds coloured lights (RGB) and ends in white. Subtractive mixing layers paints or filters that absorb light (CMY) and ends near black.

Why is an apple red?

It reflects red light and absorbs the other colours of white light. The red light reaches your eye.

Does blue light have more energy than red light?

Yes. Blue light has a shorter wavelength and higher frequency, so each photon carries more energy (E = hf).

Where this is taught

South Korea중학교 2학년Light and waves
South Korea고등학교 3학년ICT and new materials
FrancePremièrePhysics-chemistry — seeing and showing objects
FrancePremièrePhysics-chemistry: Energy
FrancePremièreLab physical and chemical sciences (option)

Learn first

Learn next

Related lessons

All Physics lessons