Learn about colour
81 ideas explained in plain language: how the eye sees colour, how colours are mixed, named, made and standardised, and how to use them well.
Presented by ClearTrust Free for designers, students and the curious.
Colour theory
How colours relate to each other: mixing, opposites, harmony and the words used to describe them.
The colour wheelA circle of hues that shows which colours are neighbours and which are opposites. Newton drew the first one.Hue, saturation and lightnessThe three things you need to say to pin down any colour: which hue, how strong, and how light or dark.Complementary coloursPairs that sit opposite on the colour wheel. Side by side they look their brightest. Mixed together they cancel out.Colour harmonies: analogous, triadic and splitNamed recipes for picking colours off the wheel. Useful starting points, not rules that guarantee a good result.Warm and cool coloursReds, oranges and yellows are called warm, blues and greens cool. It is a convention about feeling, not about heat.Additive and subtractive mixingMixing lights makes colours brighter, and all three primaries give white. Mixing paints makes them darker and gives near black.Tints, shades and tonesAdd white to a colour for a tint, black for a shade, grey for a tone. Three plain words for three kinds of change.Simultaneous contrastA colour looks different depending on what surrounds it. The same grey can look light, dark, pinkish or greenish.Seeing colour
What happens in the eye and the brain, in people and in other animals, and why the sky looks as it does.
Colour and the mind
What colour does to feeling, memory and behaviour, and how much of what is claimed the evidence supports.
Colour psychology and what the evidence supportsColour does affect mood and behaviour a little. The effects are small, depend on context, and are far weaker than posters claim.Colour and emotion across culturesPeople around the world link colours and feelings in broadly similar ways, with local differences that follow language and custom.
The red effect in sport and attentionA famous study found that fighters in red won more often. Later, larger studies found the advantage small, uneven or absent.Baker-Miller pinkA bubblegum pink said to calm violent prisoners within minutes. Careful studies have not been able to repeat the effect.
Colour and memoryColour helps people recognise scenes and objects they have seen before. Evidence that colouring your notes helps you learn is thin.
Colour in marketingColour helps people recognise a brand and tell products apart. Charts claiming each colour triggers one emotion are not evidence.Colour and language
How different languages divide and name the colours, and whether the words change what people see.
Making colour
Pigments and dyes from earth, plants, insects, shellfish and the laboratory, and the people who made them.
Plant dyes: indigo, madder, turmeric and hennaBlue from indigo leaves, red from madder root, yellow from turmeric, orange-brown from henna. Four plants that coloured the world.
Animal dyes: cochineal, Tyrian purple and lacCrimson from a cactus insect, purple from sea snails, red from a tree-dwelling bug. Rare, laborious and once worth fortunes.Synthetic dyes and Perkin's mauveIn 1856 an eighteen-year-old trying to make a malaria drug made purple dye instead. The chemical industry grew from it.Toxic colours: lead white, arsenic green and radiumSome of the most useful colours ever made were poisons. They harmed the people who made them more than those who used them.
The blue problem: Egyptian blue to YInMn blueGood blue pigment is rare in nature, so people have invented it again and again, from ancient Egypt to an Oregon lab in 2009.Systems and standards
The codes, charts and standards that let a colour be named exactly and matched somewhere else.
CIE Lab and colour differenceA colour space built on human vision, where distance between two colours roughly matches how different they look.
The Munsell systemAn American painter's atlas of colour, ordered by hue, value and chroma, with steps that look even. Soil scientists still use it.PantoneA commercial library of numbered colours, each with an ink recipe, so a designer and a printer far apart can agree on a shade.
RALA German colour standard of four-digit codes, used across Europe and beyond for paint, powder coating, signs and machinery.NCS, the Natural Colour SystemA Swedish system that describes a colour by how it looks: how close to black, white, yellow, red, blue and green.Web-safe and CSS named coloursThe 216 colours that old monitors could show reliably, and the 140-odd colour names, from tomato to rebeccapurple, that browsers understand.Colour gamut and wide-colour displaysA gamut is the range of colours a device can produce. Newer screens show stronger reds and greens than the old standard allowed.Colour managementThe system of profiles and conversions that keeps a colour looking the same from camera to screen to printed page.Colour in society
What colours are made to mean in mourning, marriage, politics, faith, sport and the street.
Mourning colours around the worldBlack in much of the West, white across much of Asia, red and black in Ghana. Grief has no single colour.
Political coloursRed for the left, green for environmentalists, saffron, blue and green in India. The same colour can mean opposite things in two countries.
Skin colour words and colourismColourism is prejudice in favour of lighter skin, often within one community. The words used for skin carry it, and can be changed.Using colour
Practical methods for choosing and combining colours in design, painting, cloth, buildings, film and charts.
Colour in architectureA pink city, a blue city, white islands, and Greek temples that were never meant to be white. Buildings have always been coloured.Colour in data visualisationIn a chart or map, colour is a code. Use one hue for amounts, two for above and below, and distinct hues for categories.Photo credits on this page
The small pictures above come from Wikimedia Commons under free licences. Some are cropped to fit.
- Human skin colour: Notradeuussrs, CC0, source
- YInMn Blue: Mas Subramanian, CC BY-SA 4.0, source
- Pigment: Dan Brady, CC BY 2.0, source
- Natural dye: Madison60, CC BY-SA 3.0, source
- Vantablack: Surrey NanoSystems, CC BY-SA 3.0, source
- Carmine: Stephhzz, CC BY-SA 3.0, source
- Fluorescence: ( Hgrobe 06:16, 26 April 2006 (UTC)) - credit: Hannes Grobe/AWI, CC BY-SA 2.5, source
- Primary color: Original uploader was Deglr6328 at en.wikipedia, CC BY-SA 3.0, source
- Food coloring: Skoot13, CC BY-SA 3.0, source
- Holi: Jitenderasingh, CC BY-SA 4.0, source
- Colour Wheel: 8-leaf clover, CC0, source
- Colour Temperature Of Light: en:User:PAR, Public domain, source
- How The Eye Sees Colour: User Stefan.lila on sv.wikipedia, CC BY-SA 3.0, source
- Afterimages: original photo: Gus Freedman derivative image: Dimitri Parant, CC BY-SA 2.0, source
- Colour Constancy: flickr user Shanta, CC BY 2.0, source
- Why The Sky Is Blue: P J Hansen, CC BY-SA 2.0, source
- Structural Colour: user:AlexDuarte, Public domain, source
- Colour Psychology: Johann Wolfgang von Goethe, Friedrich Schiller, Public domain, source
- Natural Dyeing And Mordants: Edgar181, Public domain, source
- Colour Preference: Lai Ho Bao Minga, CC BY-SA 4.0, source
- Colour And Memory: cmglee, Photo courtesy of USDA Natural Resources Conservation Service., CC BY-SA 4.0, source
- Synaesthesia: User:Cytowic in English Wikipedia (transferred by chelo Vechek / talk, CC BY-SA 3.0, source
- Himba Colour Naming: Yves Picq http://veton.picq.fr, CC BY-SA 3.0, source
- Why Orange Is Named After The Fruit: Unknown author, Public domain, source
- Wine Dark Sea: Ввласенко, CC BY-SA 3.0, source
- Cie Lab And Colour Difference: Holger kkk Everding, CC BY-SA 4.0, source
- Munsell: Unknown author, Public domain, source
- Ral: Colourfeeling, CC BY-SA 3.0, source
- Mourning Colours: Ralph Hedley, Public domain, source
- Wedding Colours: Kip Soep, CC BY 2.0, source
- Pink And Blue For Gender: Anonymous Unknown author, CC0, source
- Political Colours: William Hogarth, Public domain, source
- Flag Colours And Vexillology: Groov3, CC0, source
- School House And Team Colours: Monica's Dad's, CC BY 2.0, source
- Colour And Religion: LooiNL, CC BY-SA 3.0, source
- Traffic And Safety Colours: Unisouth, CC BY 3.0, source
- Rangoli And Kolam: SreeramKalyan, CC0, source
- Colour In Film Grading: Clive Varley, CC BY 2.0, source
- Colour In Painting: Titian, Public domain, source
- Colour In Textiles: Ardyansa Nugraha, CC BY-SA 4.0, source
- Colour In Architecture: Unknown author, Public domain, source