📘 CodingMarble Learn

Colour and Dyes

A substance looks coloured because its molecules absorb some colours of white light and the rest reaches the eye. The absorbed light lifts an electron across the HOMO-LUMO gap. A longer chain of alternating double bonds makes the gap smaller, so the dye absorbs longer wavelengths. You see the complementary colour. Dyes dissolve; pigments stay as solid grains.

🎬 Step-by-step story

  1. White light is made of red, green and blue light. Here the three are shown as three separate beams.
  2. Lights add up. Red and green make yellow. Green and blue make cyan. Red and blue make magenta. All three together make white.
  3. A dye in water takes one colour out of white light. The other colours reach your eye. So the dye looks like the opposite colour.
  4. Why does it take that colour? A molecule has a low and a high energy level. Light with just the right energy lifts an electron up. That light is used up.
  5. Make the chain of double bonds longer and the gap gets smaller. A small gap takes in light of longer wavelength, so the colour you see changes. Move the slider.
  6. A dye dissolves in the liquid and colours it. A pigment does not dissolve; its tiny grains sit on top. Switch between them and play with the chain length.

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

🤔 Common doubts, cleared

Is white light really a mix of colours?

Yes. Red, green and blue lights together give white. The first steps show the three beams and their overlap.

Why does the dye look the opposite colour?

It takes one colour out. What is left adds up to the complement. Watch the red light left over in the output beam.

What is the electron doing inside the dye?

It jumps from the lower to the upper level when it absorbs a photon of the right energy. See the glowing ball move.

Why do long chains give strong colours?

More atoms share the electrons, so the gap shrinks and visible light gets absorbed. Drag the slider and watch the gap shrink.

Can a dye also be a pigment?

The same substance can be both. Dissolved it is a dye, and as a solid grain it is a pigment. Press the switch button.

Adding lights and taking away colours

Your screen makes colour by adding light. Red, green and blue lights together make white. This is additive mixing.

Paints, inks and dyes work the other way. They start with white light and take colours away. This is subtractive mixing. Its main colours are cyan, magenta and yellow. Mix all three and almost all light is taken away, so you get a dark colour.

Complementary colours

Two colours are complementary if they make white light when added. Pairs: blue and yellow, red and cyan, green and magenta.

A dye that takes out blue leaves red and green, which add up to yellow. So a dye that absorbs blue looks yellow. The colour you see is the complement of the colour absorbed.

The HOMO-LUMO gap

The electrons in a molecule sit in energy levels. HOMO is the highest level that has electrons. LUMO is the lowest level that is empty. The distance between them is the HOMO-LUMO gap.

A photon of light is absorbed only if its energy is equal to the gap. The electron jumps up. Energy of a photon: E = h × c / λ. A big gap needs short-wavelength light (UV, so the molecule looks colourless). A small gap needs longer-wavelength visible light, so the molecule looks coloured.

Chains of double bonds: polyenes

A polyene is a chain with alternating single and double bonds (a conjugated chain). Its electrons spread over the whole chain. The longer the chain, the smaller the gap and the longer the wavelength absorbed. Short chains absorb only UV. About eight or more double bonds push the absorption into the visible range, which is why carotene is orange.

Azo and triphenylmethane dyes

Azo dyes have the group –N=N– joining two ring systems. The rings plus this bridge make one large conjugated system, so light is absorbed. Many yellow, orange and red dyes are azo dyes. Adding groups such as –NH2 or –OH to the rings changes the gap and so the colour.

Triphenylmethane dyes have one central carbon joined to three benzene rings. The charge spreads over all three rings. Examples are the green dye malachite green and the purple crystal violet.

Dyes versus pigments

A dye dissolves in a liquid (or soaks into fibres) and colours it. A pigment does not dissolve. It is a powder of tiny solid grains that is mixed in a binder, like paint, and stays on the surface. Pigments are usually stronger against sunlight and washing; dyes are often brighter and easier to apply to cloth.

Key formulas and definitions

Worked examples

1. A dye absorbs blue light. What colour does it look?

Blue and yellow are complementary. So the dye looks yellow.

2. A solution looks green. Which colour does it absorb most?

The complement of green is magenta (a red-violet). So it absorbs magenta-region light, mostly red and blue-violet.

3. A molecule has a HOMO-LUMO gap of 3.1 eV. Find the wavelength absorbed. (h c = 1240 eV nm)

λ = 1240 / 3.1 = 400 nm. That is the edge of violet light, so the molecule absorbs violet and looks pale yellow.

4. Molecule X absorbs at 300 nm, molecule Y at 500 nm. Which has the smaller gap?

E = hc/λ, so a longer wavelength means a smaller energy. Y (500 nm) has the smaller gap.

5. Why is a compound with only two double bonds colourless?

Its chain is short, so the gap is large. It absorbs UV, which we cannot see. All visible light passes, so it looks colourless.

Common mistakes

Practice quiz

1. A dye that absorbs blue light looks:
2. Red, green and blue lights added together give:
3. A longer conjugated chain makes the HOMO-LUMO gap:
4. Which group is found in azo dyes?
5. A substance that does not dissolve and stays as grains is a:

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

Why do dyes have colour?

Their molecules have a small HOMO-LUMO gap, so they absorb visible light. The light that is left over is the colour we see.

What is the difference between a dye and a pigment?

A dye dissolves in the liquid or fibre. A pigment is a solid powder that does not dissolve and is held on the surface by a binder.

What is a complementary colour?

Two colours that make white light when added are complementary, for example blue and yellow. A dye looks like the complement of what it absorbs.

Where this is taught

Germany (Bavaria)Jahrgangsstufe 13Colour and dyes

Learn first

Learn next

Related lessons

All Chemistry lessons