DIY No7 Colour
DIY No7 Colour
Colour as a science 6
Additive vs. subtractive colour modes 7
Colour blindness 7
Colour wheels 8
Colour histories 10
Timeline of western colour theories 10
Mayan colour theories 12
Colour and us 20
Colour and accessible design 20
Colour and capitalism 23
Colour narratives 23
Resources 28
Books 28
Online 28
Introduction to colour theories
Colour is an expressive and important asset for anyone. In Western
design education, colour is taught as a form of theory, discovered and
continuously developed by various artists, scientists and theorists, then
passed down to us. As with any other principle of design, there is often
an emphasis on Western philosophies and histories. However evolved,
it’s important to remember that colour theory, is just that: a theory.
There are perhaps as many colour theories as there are answers to the
question, What is your favourite colour?
-4-
What is colour?
Colour is usually described in two ways, by its physical properties and
also by its perception by humans. In the past, people have tended to
research one set of descriptors more than the other, but in design, it’s
useful to consider both. Production with colour can be very technical,
and knowledge of colour inks is useful, but it’s also important to
consider the emotional effects of colour. Understanding your audience
and your content will help you pick engaging colours, so make sure to
do your research!*
-5-
Colour as a science
Colour vision differs from one species to another. In humans, what
we perceive as ‘colour’ is the result of a combination of the physical
characteristics of light interacting with the retina whose activity is then
processed by the brain. The light that is visible to us is part of the same
electromagnetic spectrum that also includes radio waves, microwaves,
infrared light, x-ray, gamma ray and ultraviolet light.
In the eye, the retina has two types of cells which are sensitive to
different types of light. Rod cells are located on the outer parts of the
retina for peripheral vision and are mostly responsible for night-vision
and other low-light settings. Cone cells are more active in colour
vision, being sensitive to red, green and blue spectra. Current scientific
research indicates that the human eye is capable of seeing 10 million
colours, all of which are perceived by the brain as being a combination
of red, green and blue. Below is a diagram of the retina, illustrating this.
Light
Nerve Fibres
Detect impulses as they pass through
the pupil
Ganglion Cells
Provide a relay point for information
as it passes through the eye
Bipolar Cells
Transfer information from cones and
rods to the ganglion cells.
After light is
understood
Receptors
through the Convert visible light into signals which
retina, it is then our brain understands as colour
-6-
Additive vs. colour blindness
subtractive modes Some people perceive colours
differently than others. The term
Colours produced by light-based
‘colour blindness’ is somewhat
sources, such as a projector
of a misnomer, because affected
or a computer screen are part
persons simply see colours in a
of the additive system, when
different way than the majority of
the primary colours of this
other people.
system (red, green and blue) are
combined in equal parts, they Colour blindness occurs
produce white. more often in people with a Y
chromosome (about 5–8%) than
Colours produced by material
people without one (roughly 1%).
based sources such as dyes and
There is also a spectrum of colour
paints are part of the subtractive
blindness, the most common
system, and its primaries (red, blue,
yellow), when combined in equal form being the inability to
perceive what most people see as
parts, will produce black. This is
red and green and the rarest form
explained in more detail on p. 14.
being where the only colours
perceived are on the greyscale.
‘Colour Vision’ is not a
universal term! There are currently no existing
medical methods of conforming
Nowadays, the ‘green’ you see
colour blind vision to what is
in traffic lights is actually more
perceived as ‘normal colour
of a greenish-blue, so as to be
vision’. But an early diagnosis
accessible to persons with red-
green blindness. But older traffic of colour blindness can allow
lights have stark green bulbs, those affected to learn about
presenting a potential hazard the possible dangers of a world
for drivers. Many colour blind designed largely by people who
people avert this by learning are not colour blind, if they
when to stop and go based on choose to.
which light is lit, the top means
stop, the bottom means go.
Ideally when we design systems
for public use that depend on
colour, we want everyone to be
able to use them safely!
-7-
colour wheels
In Western design practice, colour wheels are commonly used to
explain relationships between colours. It’s not a perfect system, there is
much dispute over it and there is certainly no one true colour wheel,
but when you look at the wheel below, do the colours seem placed
in the correct position? What changes would you make? Observe the
wheel below, then try to re-create it for yourself using paint. Take note
of what colours are easy to mix, and which ones are more difficult.
-8-
-9-
Colour histories
The following is a typical chronological timeline of Western colour
theorists. It also shows a trend in who was allowed to research and
produce art, and whose ideas were influential. Sir Isaac Newton’s
research was conducted during the Scientific Revolution, which saw a
shift away from theocracy in England. .
384–322 BCE
ARISTOTLE OR THEOPHRASTIS
• Connected colour to the mixing or absence of light
• Colours were linked to the time of day, red and yellow
representing the day and darker colours representing the night
• These notions were highly influential and prevailed throughout
the European middle ages
1672
SIR ISAAC NEWTON
• Passed a beam of sunlight through a prism, producing the
visible spectrum (see below)
• Determined that all colours are actually light
white light
1810
JOHANN WOLFGANG VON GOETHE
• Proposed a study of colour based on perception rather than as
a physical property of light
• Assigned colours to categories such as “radiant” and “gentle”
1831
MICHEL EUGÈNE CHEVREUL
• Recorded behavior of colours when placed side by side
• Art movements such as orphic cubism and neo-
impressionism were influenced by Chevreul’s work
- 10 -
1878
EWALD HERING
• Theorized a system of colour opponency where six primary
colours are coupled together, red-green, yellow-blue and
white-black
• This theory provided the foundation for the Natural Colour
System (NCS)
1910
WILHELM OSTWALD
• Introduced the notion of adding white as tinting and adding
black as shading
• Observed that some colours are more harmonious with one
another than others
1934
FABER BIRREN
• Theorized that warmer colours are more dynamic and
therefore of more use to the designer (compare the swatches
below and see if you agree with him)
warm cool
1961
JOHANNES ITTEN
• Taught design at the Bauhaus School
• Published The Art of Colour, based on a highly influential
12-section colour wheel
1963
JOSEF ALBERS
• One of Itten’s students
• Developed the illusionary effects of colour
- 11 -
Colour theories have been around directions on maps of their
for centuries before Sir Isaac making. They then assigned
Newton aimed light through a objects, events and resources
prism. Indigenous cultures in such as God, water, corn, plague,
Meso-America and Mesopotamia to these hues.
have been documenting their use
of colour for thousands of years.
The Mayans in particular assigned
their own primary colours to
N S
Desaturated saturated
- 13 -
colour modes
Additive
Light-generated colours, such as those generated by a computer
screen, television or photography. The primary colours of the additive
system are red, green and blue (RGB).
secondary hues
yellow
primary hues
magenta
red
cyan
green
blue
Subtractive
Hues produced through the mixing of pigment, such as in paint and
ink are part of the subtractive colour system. There are two sets of
primaries in this system depending on medium. The traditional paint
system is based on red, blue and yellow (RBY) and the printer system
based on cyan, magenta, yellow and black (CMYK).
secondary hues
green
primary hues
red orange
yellow
blue violet
magenta
cyan
- 14 -
When you go to print:
If you work on a monitor and then go to print, you’ll be going from one
mode of colour to another (RGB to CMYK) so what you see isn’t always
what you get! As a general rule of thumb, colours when printed are
darker than they are on your screen, and while it’s rare that you’ll get a
completely different hue than what you want, it does happen. If doing a
colour test with your printer isn’t an option, work in CMYK because the
colours that print are more likely to be closer to what you saw when
you were working on a screen.
Munsell
Colour theorist Albert Munsell first developed his system in the early
1900s. Munsell extended the title of ‘primary’ to red, yellow, blue, green
and purple and used these to create 100 secondary colours, which he
then arranged according to hue, value and saturation. In 1941 it was
adopted by the United States Bureau of Standards, which still employs
it today
NCS
Based on Hering’s work, the Natural Colour System (NCS) emerged
from Sweden and focuses on the perception of colour by the human
brain. In the NCS, colour is defined according to darkness, saturation
and hue.
Pantone
In 1962 the Pantone Color Matching System was created in the United
States. Though it has become the standard for graphic designers and
printers, it differs from other colour systems in that it doesn’t contribute
a colour theory , but rather it exists entirely for profit. Pantone numbers
colours in order to identify them.
- 15 -
Colour harmonies
Broadly speaking, ‘colour harmonies’ are colour combinations that are
aesthetically pleasing. They are useful to a designer because humans
typically like to see balance and a harmony of colour is one of many
ways to achieve this balance. Additionally, harmony of colour can help
make a design feel unified and may encourage a viewer to engage with
the piece. The rules of colour harmonies are by no means set in stone.
There are exceptions to every rule and ‘unity’ is not necessarily always
sought after. Ultimately, it’s up to an individual designer or group of
designers working together on the same project to decide what colours
are appropriate to solve a particular problem.
Complementary or dyadic
harmony is when colours that
are opposite of each other on the
colour wheel are used. Common
complementary harmonies are
blue-orange, purple-yellow,
green-magenta.
- 16 -
Achromatic harmony lacks
all hue, and so are composed
of black, white and greyscale.
Achromatic harmony is
commonly used in minimalism
and low-budget production.
Monochromatic harmony,
sometimes mistaken for being
achromatic harmony, refers to a
composition with only one colour,
with various tints, tones and
shades of that colour being used.
Similar to achromatic schemes,
playing with value can help
generate contrast.
Using Greyscale
These harmonies can provide a
Colour printing is universally
good starting point for creating
expensive! If your budget
unified compositions, but
doesn’t include room for
remember that you can create CMYK/colour printing, have
any number of effective colour no fear. You can use value to
combinations. create movement and focal
interest. Try experimenting with
try this! gradients and remember that
To start your experiments in greyscale is a spectrum unto
colour, try using paint or coloured itself. The Beehive Collective
pencils to start colouring in some (illustration below) works
of the images on the next page as extensively with greyscale.*
certain colour harmonies. Refer
to the colour wheel on p.8 if you
need help remembering where
colours are on the colour wheel.
- 17 -
complementary
harmony
analogous
harmony
- 18 -
monochromatic
harmony
achromatic
harmony
- 19 -
Colour and Us
colour and
accessibility
The freedom to design with Which of the two images below
many colours is great, but seems easier to read?
INCLUDING GREYSCALE
- 20 -
There have been attempts by • A
im for a 70% difference
some institutions to create in the value of the colour
accessibility standards within of the type and the
graphic design. Some of the colour of the background
standards might seem obvious,
for example, a book printed in a not quite 10%
- 21 -
Most municipalities have specific guidelines for designers creating
objects for public space. There are usually very specific rules about
how much space an object can occupy, what kinds of objects can be
installed within a designated area and yes, what colours and textures
are appropriate. Since public space is typically used by a vast amount of
people, all with different abilities and experiences, it’s good to observe
what types of public design are effective.
Try taking a walk down your street or around your community, jot
down some answers to the following questions:
Do you like these colours? What alternatives would you use? Why?
- 22 -
COLOUR AND CAPITALISM
In some ways, standardization is a good thing. Standard systems
allow people with different experiences and abilities to use the same
products in the same way. Often times, this lowers cost. For example,
purchasing a Pantone book means that you can know exactly how your
colours will turn out after you print them, and you can save money on
colour tests in the long run. While this is useful, Pantone also charges
a lot of money for their colour swatches has a number of corporate
partnerships with other companies. This begs the question, why does
Pantone have the right to own colours? We should also be critical of
standardization, or globalization of design, because of its ties to Western
capitalism. When Pantone “standardized” colour, they established
themselves as an authority, as a ruling power. Anyone who wants
access to the system has to purchase their books, curated by their
staff. For whose benefit is this? The designer? The artist? Or the select
few who can afford annual Pantone books. The question has become
urgent as more and more design firms and client require the use of
Pantone’s system.
COLOUR narratives
From a very early age we receive messages from the world around
us about what certain colours mean. Depending on where you live
of course, colours mean different things. With some exceptions, street
lights almost everywhere in the world use green for go and red for
stop. Environmental organizations are drawn to green because green in
nature is a symbol of birth, new life and health.
- 23 -
cold by accident? It’s not written But colour narratives, specifically
anywhere in stone that blue is those spread about cultures
for cold and red is for hot, and outside of non-Western
yet we accept this as ‘normal’ cultures are also dangerous and
convention. We use colour to contradictory to what we’re trying
label and understand our world. to achieve when we design for
accessibility. Statements like “In
It’s also important to remember Chinese culture, red is a symbol
that colour isn’t always a neutral of luck,” are hugely reductive,
force, it can and is highly even if they do convey some
politicized in certain contexts granule of the truth. This is a
and as designers this is relevant common tactic of design firms
to our work. Sometimes clients who try to brand products with
will ask that you avoid certain “cultural symbolism” and end up
colours so as to avoid certain watering down entire cultures.
connotations, same as with when We should ask, who is delivering
we avoid certain imagery because the statement? Why do we talk
it’s weighted and carries along its about cultures as though they are
own meanings regardless of how artifacts? In fact, China’s history
you use it. For example, because spans several millennia and it’s
of the coupling of Christianity hard to imagine that we can make
and capitalism in Western society, any one static observation about
even non-Christians will associate its culture. Additionally, being
the colours red, green and white home to over a billion people and
with Christmas. spawning a massive world-wide
diasporic population, who’s to say
Sometimes common associations that there is one dominant culture
can be useful. For example, if you that presides over all people who
are designing an ad campaign for identify as ethnically Chinese or of
Christmas retail, you can’t really Chinese descent? It’s best to avoid
go wrong colour-wise if you use
red, green, white and gold, and
that’s okay. And it would probably Politicized Colours
be ill-advised and possibly even Colours are often used to
unsafe if designing infographics symbolize political parties or
to assign red to mean cold and ideologies (think of The Green
blue to mean heat, so it’s good to Party, or the importance of red
be aware of the connotations of to communism) so be aware
certain colour narratives. of this especially when doing
community work!
- 24 -
making such huge generalizations toe burning crosses or images of
about something as deeply ‘dirt’ and ‘soot’ being eliminated
personal as culture, especially with the use of Pears Soap in
when it’s not one’s own. Design the Victorian Era of England are
choices that are grounded in complicit in the use of colour
reductive racial stereotypes, narratives to oppress people.
perpetuated by Western
institutionalized education are try this!
harmful. We should strive instead Get to know your own sense
to listen and learn from our of colour narratives. Fill out the
experiences and the experiences colour charts on the following
of others. Unlike other species pages with associations that you
of animals, humans possess have to colour. Write whatever
empathy–we can imagine comes to mind, then reflect on
ourselves into the situations of why you’ve made the associations
others. This doesn’t mean that we that you have. Try comparing
should appropriate other peoples’ your charts to someone else’s,
experiences, but rather, be and see if you have any colour
sensitive to experiences that differ associations in common.
from our own in order to make
smart design choices that still
reflect an ability to think outside
of ourselves.
- 25 -
Colour Associations
red
orange
- 26 -
yellow
green
- 27 -
blue
purple
- 28 -
grey
white
- 29 -
Sources
Books
Colour and Two-Dimensional Design, by Glenn McArthur,
OCAD University Press, Toronto, 2011
Color Index, by Jim Krause, HOW Design, Cincinatti, 2002
Golden domes and silver lanterns: a Muslim book of colours, by
Hena Khan, illustrations by Mehrdokht Amini, Chronicle Books, 2012.
ONLINE
ColorCombos (for trying out colour schemes for web applications)
www.colorcombos.com/index.html
- 30 -