Genislab builds better products and faster go-to-market with Lean project man...
PixelSpoke Lunch + Learn: Color Theory
1. Lunch + Learn
Color Theory I:
The Color Wheel, Value Scale
and the Language of Color
Synotac / synotac.com / 503.517.2116
2. L+L Introductions
1. Who is this guy?
2. Who are you and what is one thing that you
hope to get out of today?
Synotac / synotac.com / 503.517.2116
3. L+L Objectives
1. Gain a better understanding of Color, the
Color Wheel and Value Scale in a broad
sense, rather than the digital space.
2. Develop a fluency in the Language of Color
3. Make our own color wheels
4. More activities if time allows
5. Have some fun!
Synotac / synotac.com / 503.517.2116
5. What is Color Theory?
The study of rules, ideas and principles that
apply to color as a general topic, as well as the
visual impacts of specific color combinations.
Synotac / synotac.com / 503.517.2116
6. What is Color?
Color derives from the spectrum of light
interacting with light receptors in the eyes.
An object produces different sensations
in the eyes as a result of the way it reflects or
emits light.
Synotac / synotac.com / 503.517.2116
7. What is the spectrum?
The electromagnetic spectrum is the range of
all possible frequencies of electromagnetic
radiation.
The electromagnetic spectrum of an object is
the distribution of electromagnetic radiation
emitted or absorbed by that particular object.
Synotac / synotac.com / 503.517.2116
8. Visible Light within the
Electromagnetic Spectrum
Synotac / synotac.com / 503.517.2116
10. Sir Isaac Newton Johannes Itten
Color Circle, 1704 Farbkreis, 1961
Synotac / synotac.com / 503.517.2116
11. The purpose of the color wheel
Understanding and visualizing relationships
of spectral hues, and creating effective color
schemes.
Synotac / synotac.com / 503.517.2116
12. Primary Colors
Three spectrum colors are equidistant from one another on
the color wheel—blue, yellow, red.
In theory, all of the remaining 16 million or so colors can be
mixed using the three primary colors.
In practice, trace chemicals in pigments reflect light rays in
multiple wavelengths, rather than pure spectrum color.
Synotac / synotac.com / 503.517.2116
14. Three Secondary Colors
Orange, Violet and Green are called "secondary colors."
Each is theoretically born of primary parents:
Red + Yellow = Orange
Red + Blue = Violet
Yellow + Blue = Green
Synotac / synotac.com / 503.517.2116
16. Six Tertiary Colors
Formed by combining a primary and a secondary hue.
The names indicate the two source colors:
Yellow-orange
Red-orange
Red-violet
Blue-violet
Blue-green
Yellow-green
Synotac / synotac.com / 503.517.2116
20. Complementary Colors
Pairs of colors that are opposite on the color
wheel. Any two complements contain the
complete trio of primaries.
Examples:
Yellow complement is Violet (red + blue)
Red complement is Green (yellow + blue)
Blue complement is Orange (yellow + red)
Synotac / synotac.com / 503.517.2116
24. Analogous Colors
Formed by three adjacent colors on the color
wheel.
Example: Blue, blue-green and green
Analogous colors are smooth and rich feeling
Synotac / synotac.com / 503.517.2116
27. Naming Colors
Every color existing in our world can be
identified using three attributes:
Hue: Basic source of the color.
Synotac / synotac.com / 503.517.2116
28. Hue
Putting aside the lightness or darkness of a
color, as well as its brightness or dullness,
which of the twelve basic color wheel hues is
the starting point for this example?
Synotac / synotac.com / 503.517.2116
29. Naming Colors: Value
Value: Lightness or darkness of the color, also
known as shades, tints, luminance, luminosity
Synotac / synotac.com / 503.517.2116
30. Value
How dark or light is this red-violet relative to a
seven-step value scale from white to black?
Synotac / synotac.com / 503.517.2116
31. Value
How dark or light is this red-violet relative to a
seven-step value scale from white to black?
Synotac / synotac.com / 503.517.2116
32. Naming Colors: Intensity
Intensity: The dominance of hue in the color.
The brightness or dullness of the color, also
known as chroma or saturation.
Synotac / synotac.com / 503.517.2116
33. Intensity
How bright or dull is this red-violet relative to an
intensity scale from brightest to dullest?
Synotac / synotac.com / 503.517.2116
34. Intensity
How bright or dull is this red-violet relative to an
intensity scale from brightest to dullest?
Synotac / synotac.com / 503.517.2116
35. Identified by three attributes
Hue: Red-violet
Value: Light
Intensity: Dull
Synotac / synotac.com / 503.517.2116
38. Activity
1. Pick a client logo and another object.
2. Describe their colors using the three
attributes: Hue, Value, Intensity
3. Review and critique as a group
Synotac / synotac.com / 503.517.2116
39. Additional Resources
FM Hue test
www.xrite.com/custom_page.aspx?PageID=77
Reading
Color: A course in mastering the art of mixing colors by Betty Edwards
Interaction of Color by Josef Albers
Color Workbook by Becky Koenig
Readings on Color: The Philosophy of Color by Alex Byrne
Synotac / synotac.com / 503.517.2116
40. Next time ...
Color Techniques and the Effects of Color
May 1, 2012 in our new office at 333 SW Fifth Avenue
What color can I choose to evoke a particular mood?
Why do the colors in this design work well together? Or not?
How do surrounding colors affect each other?
Synotac / synotac.com / 503.517.2116