Color Theory
Color Theory
• The colored light in the visible spectrum ranges from red to violet. We can see this process
by passing sunlight (white light) through a prism. Upon entering the prism, white light
refracts (is bent, causing light waves of different lengths to be revealed, red having the
longest wave length and violet having the shortest) into the visible spectrum
Factors in Perception
1. Light Quality
• Spectral energy distribution of the light
• Including the conditions under which the color is perceived
Metamerism and Matching
• Two objects that appear to match under one light source but not under another
exhibit metamerism.
• The objects are called a metameric pair.
• If the colorants of two things are different, they cannot be made to match under all
light conditions.
1
CDEP 2024
Color Constancy- The perception that the colors of familiar objects remains the same no
matter what the illumination (light sources) may be.
Color Study
▪ Eye Training- learning to distinguish in every color sample three objective attributes
▪ Color Control- the instability of colors cannot be eliminated, but with awareness and skill it
can be minimized, even utilized.
▪ Color Competence- is the ability to predict and control, to the extent possible, color effects
and the ability to select and use colors that will enhance every product and page.
Color Terms
Dimensions of Color
1. HUE Undiluted colors. The true colors of the spectrum. Attribute of colors that permits them
to be classed as red, yellow, green, blue or an intermediate.
Color Name for any color
Chromatic: having hue
Achromatic: without hue
2
CDEP 2024
Polychromatic: having many hues
Monochromatic: having one hue only
Prismatic: use of pure hues only
Chromatic Scale Any linear series of hues in spectrum order. A chromatic scale can
illustrate pure saturated colors or more complex, diluted colors. Its defining characteristic is
that each step in the progression is a change in hue.
Broken Hue A combination of unequal proportions of all the primaries
Russet, gold, ecru are some examples found in nature, sometimes known as earth colors.
Color Wheels
Color arrangements or structures that enable us to organize and predict such color
reactions and interactions.
Pigment Wheel
• The mixing or pigment wheel is the basis for working with subtractive color, it imparts
information about the reactions colors have when they are actually mixed.
• When using this wheel keep in mind that red and yellow and blue cannot be obtained
by mixing pigments, and when these three pigments are combined a muddy black is
the result.
Primary Colors The primary colors consist of 3 unique colors, red-yellow-blue.
Secondary Colors 3 secondary colors are produced from the mixing of one primary
color with another. These colors are orange-green-violet.
Tertiary Colors/Intermediate These colors are created when mixing one
secondary and one primary colors
Process Wheel
• In contrast with the pigment wheel, the process wheel gives us three basic primaries–
yellow, magenta and cyan--- that do upon mixing, result in purer hues.
• This primary arrangement is the standard employed in color printing and photography
as well as pigment (ink) manufacture.
• Again mixing the three primaries together will result to gray- black
• A look at the colors used shows a very luminous and bright yellow, an intense magenta
that is red though leaning toward violet, and a cyan that is blue but tending toward
green.
Light Wheel
• Is based on the additive color system and provides information concerning light rays
and transparent color.
• Since these are combinations of colored light, when all the primaries (red, green and
blue) are combined, white results.
• The total absence of light results in black. Because light is being added to light, the
more color rays are mixed or fused with other color rays, the lighter they become.
• The light wheel is used for theatrical lighting and projection and is now the basis for
video and computer graphics as well.
3
CDEP 2024
Color Temperature
Cool Hues are usually related to blue with the coolest hue being blue-green. Cool Hues
recede and suggest sky, water, distance, foliage, shadows. It is quiet, restful, far, airy, and
light.
Warm Hues are usually related to red, with the warmest hue being red-orange. Advance
and suggest aggression, sunlight, heat, blood, arousal and stimulation. Warm hues appear
heavier than cool ones and when placed side by side, these differing visual weights influence
their surroundings. Orange appears heavy and is warmer than yellow
2. VALUE Lightness and darkness of a color.
Tint A color with the presence of white. Lighter shade of a color. Pink is a tint of red.
4
CDEP 2024
Shade A color with the presence of black. Darker shade of a color. Navy is a shade of
blue.
3. SATURATION Intensity, brightness or dullness of a color.
Tone Addition of gray to pure hue
▪ Intensity, brilliance, purity, chroma
▪ A saturated hue can be reduced in saturation by the addition of achromatic gray or by the
addition of its complement.
▪ Saturated color is a great way to compare color value
▪ Some colors, such as yellow and orange, have a much lighter value at their highest
saturation point, while other colors have a darker value (such as blues and purples)
Dilution Changing a pure hue by lightening, darkening or muting by the use of additives such
as white, black, gray or its complement. When the descendant of any two colors is arranged as
if the parent colors were crossing one another, it creates an illusion.
Intervals An interval is a step of change between color samples. Most design situations
involving intervals involve three elements: The “parents” (samples on either side) and the
“descendant”, a visual step between two parents.
Transparence The impression of transparency can be achieved when two sets of color are
joined by a third that is perfectly balanced between them.
Gradient Series of progressive intervals that are so close that individual steps cannot be
distinguished. It is a seamless transition between color differences.
Threshold The threshold of vision is the point at which an individual can no longer detect a
difference between two close samples.
Visual acuity for color is the ability to detect differences between wavelengths (colors) of light.
Each individual's visual acuity for color determines his or her threshold of color vision.
Colorway Any of a range of combinations of colors in which a style or design is available.
Dissonance Use of conflicting, unrelated colors
5
CDEP 2024
Color Harmony – refers to the visual agreement of all parts of a work. Also called
Color Chords, these are time-tested combinations that work well together.
Monochromatic Analogous
• Achromatic
• Neutral
• One hue with neutral
6
CDEP 2024
Color Systems
Partitive Color
▪ Based on the viewer’s reaction to colors when they are placed next to each other.
Subtractive Color
• Process of mixing pigments together, such as we see in paintings.
• The pigments in an object enable it to absorb some light waves and reflect others.
• When these pigments are blended, more light is absorbed and less is reflected-
hence the term subtractive.
Colorant- a material that changes the light absorption characteristics of another
material to which it is applied: dyes and pigments
o Dyes- Natural or artificial colorants that absorb but usually do not scatter light
and are soluble in the substrate
o Pigments- The natural or artificial colorants that not only absorb but also
scatter light and that are insoluble in the application medium or substrate
o Vehicle- a liquid, paste, wax or other substance that holds particles of
pigments (dyes or other colorants) together without dissolving them and acts
as a binder which adheres the pigments to the painted surface.
Additive color
• The process of mixing colored light, such as in theatrical lighting or television
• The lights are mixed by placing colored filters in front of a projected light ray.
• It’s called the additive primary model because the absence of all light is black. To
create different colors you must add levels of the primary colors (Red, Green and
Blue).
On-screen Color
• Additive color is sensed very differently from color reflected from a “real” surface.
• Direct light color is very brilliant.
• Reflected colors are less fatiguing to the eye than additive colors.
• Print on paper is more successful than the screen in conveying the color and
surface of interior materials.
• Printed colors cannot be matched exactly to colors on-screen.
Software Color Display Modes
The user can mix the colors of the light display in one of three different ways:
• CMYK mode (Cyan, Magenta, Yellow, Key)
o The CMYK mode of color display imitates the results of mixing process colors.
o This display mode facilitates working on-screen for print production.
o When two of the CMY colors are mixed without black, clear colors and tints result.
o CMY colors mixed in equal percentages without black make a middle gray.
o Grayscales are made by manipulating percentages of black (K) alone.
7
CDEP 2024
o Each of the 4 CMYK colors can have a value of 0-100%. 0% equals no color (white),
while 100% equals 100% color.
• RGB mode (Red, Green, Blue)
o The RGB Mode of screen display parallels the behavior of light.
o When 100% each of the three colors is mixed, the result is white.
o RGB colors are usually displayed in 0-255 mode. Each slider has 255 individual
options. You can adjust the sliders or enter RGB values in the text entry boxes. The
higher the number, the brighter the colors. White is rgb(255, 255, 255) while Black is
rgb(0, 0, 0).
o RGB mixing does not correspond to either of the artists’ colors or process colors.
• HSV mode (Hue, Saturation, Value or HSL Hue, Saturation, Lightness)
o The HSV mode displays a circular color map. Next to the map are three boxes one
each for hue, saturation and value. The user first selects a color from the map, then
instructs each of the boxes to modify that selection.
o The HSV mode requires learning to mix color in a way that is associated only with
digital design.
Gamut The range of colors reproduced in a color mode.
Web Safe Colors are an informal standard of 216 colors that are generally considered web safe.
In the early days of personal computers, most displays only supported 256 colors. Out of these 256
colors, monitors/operating systems/browsers generally represented 216 colors in a relatively
consistent manner. Hence, these 216 colors were deemed to be web safe.
Hexadecimal Color Codes (Hex colors) are prefaced with a #. The two characters following the #
represent the red value, the next two characters represent the green, and the final two characters
represent blue.
The maximum of each value (red, green and blue) is FF and the minimum is 00. Each single
character of each value can be one of 16 values (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, or F).
Calibration is the setting or correcting of a measuring device or base level, usually by adjusting it
to match or conform to a dependably known and unvarying measure. To calibrate a monitor
means to adjust it so that specific combinations of red, green and blue signals produce specific
colors on-screen.
Pantone Color Matching System Standardized color reproduction system. By standardizing the
colors, different manufacturers in different locations can all refer to the Pantone system to make
sure colors match without direct contact with one another.
Transmission, reflection and absorption are all measurable properties and are used to quantify the
ways materials interact with light.
• Absorption- The absorption of light occurs when a ray of light strikes a surface. The
energy from the light is transferred to the surface material. The transfer creates heat
(usually small amounts). An absorbing surface prevents reflection or diffusion of light
striking on the surface.
• Transmission- mostly unimpeded passage of light through a transparent object.
• Reflection- the process by which the light arriving at a smooth-surfaced material change
their direction of travel on impact and are returned.
8
CDEP 2024
• Scattering- refers to the change of direction suffered by radiation on impact with a rough-
surfaced material or with fine particles of uniform or varying shape
• Refraction- Refraction is the bending of a beam when it enters a medium where its speed
is different. The refraction of light when it passes from a fast medium to a slow medium
bends the light ray toward the normal to the boundary between the two media.
• Interference- temporary splitting of light waves into parts that are later recombined. Typical
source of interference is an oil film on water or a soap bubble
• Diffraction- special case of the combined effect of scattering and interference. The
behavior of a light wave arriving at the edge of a solid material is influenced by the
sharpness of the edge. When light waves hit an obstacle it bends around the edges of the
obstacle
• Iridiscence- is an optical phenomenon that occurs with reflected light. The color is
produced by the structure of a surface that amplifies some wavelengths of light and
suppresses others, depending on the angle of the light reaching it.
• Luminosity- The word luminous is used often to characterize very light-reflecting colors
and media with a great deal of light reflectance, like watercolors, dyes and markers.
• Luster- The state or quality of shining by reflecting light; glitter, sparkle, sheen, or gloss.
• Brilliance- The combined qualities of high light-reflectance and strong hue, found in
saturated colors and strong hues.
9
CDEP 2024
Color Theorists
Aristotle (384-322 BCE)
• In “De Coloribus” (the first known book about color), the Greek philosopher attempted to
explain the composition of colors and how they were related.
• The work outlines the theory that all colors (yellow, red, purple, green, and blue) are derived
from mixtures of black and white.
10
CDEP 2024
Johann Wolfgang von Goethe (1749-1832)
• In 1810 the German poet Goethe published his “Theory of Colors”
• He was one of the first modern thinkers to investigate and record the function of the eye
and its interpretation of color, rather the properties of light.
• Goethe’s six-hue spectrum remains the convention for artists; Newton’s seven-hue model
of the full range of visible hues remains the scientist’s (physical) spectrum.
• He explored every aspect of color and its reactions, including the role of complementary
colors in creating shadows, simultaneous contrast, successive contrast and proportional
color use.
11
CDEP 2024
• A complementary hue is the hue that occupies the position directly opposite on a
color wheel. From this he was able to arrange his twenty –step Munsell Wheel.
• He further systematized the color wheel into a three-dimensional form that he termed “tree.”
• Intervals of value, measuring the lightness and darkness of a hue, are shown along
the trunk or vertical axis.
• Any color along the innermost vertical axis is called a neutral
• Branches or horizontal intervals measure the saturation or relative purity of each
hue.
• It also provided pigment specifications that were precise, allowing industry to become color
standardized.
Concepts to remember
• All the theories have one significant thing in common– the eye and its reactions to color
combinations.
• Various attempts were made to impose order on such findings by proposing “wheels” to
show the relationship of one color to another. This aided the study of mixing of color.
• Color theorists attempted to encompass all of these variables in a single system. However,
we see and use color in so many different forms that no single system can answer all the
needs of color theory
12
CDEP 2024
Color Meanings
Red - Red is one of the oldest color names, first to be seen in a rainbow, has the greatest
emotional impact of all
The color of passion and drama. This color attracts the most attention and is associated
with strong emotions such as love and anger.
Red is the color used universally to signify danger, courage, strength, and power. Red is
stimulating, vibrant and exciting. Red inspires desire with a strong link to sexuality and
increased appetites. In Chinese culture red represents luck and prosperity. Use red when
you want to get pulses racing and to inspire action. However, use carefully as red can
evoke feelings of aggression and cause visual strain. Lovers of red are passionate with an
enthusiasm for life.
Positive: love, luck, passion, sexiness, festivity, compassion, importance, power, healthy,
courage, feminine, sweet
Negative: war, revolution and anarchy, the devil, danger, fire, debt and bureaucracy
Pink- The color of sensitivity – The passion of red combined with the purity of white create this
color associated with love, tranquillity and femininity.
Pink has associations with tenderness and nurturing while conveying a sense of safety and
even vulnerability. Seeing the world through “rose (pink) colored glasses” holds a negative
connotation as being associated with being unrealistic and overly optimistic.
Baker-Miller Pink, also known as P-618, Schauss pink, or Drunk-Tank Pink is a tint
of pink which has been observed to temporarily reduce hostile, violent or aggressive
behavior. It was originally created by mixing white indoor latex paint with red trim semi-gloss
outdoor paint in a 1:8 ratio by volume.
Orange - The color of encouragement. The combination of yellow and red makes orange convey
excitement, warmth and enthusiasm. Social and inviting, this is the color of the extrovert, exuding
happiness and joy, releasing inhibitions.
Orange is a motivating and encouraging color. Orange is appealing to young people. It
stimulates the appetite and is associated with healthy good.
Yellow- most easily perceived of hues, with the highest luminosity rating after white. It is seen
before other colors, especially when placed against black. This combination is often used as a
warning sign.
The color of optimism. Yellow is a compelling color that conveys youthful, fresh energy. This
color of sunshine is uplifting and illuminating and associated with success and confidence.
Yellow stimulates the left side of the brain, helping with clear thinking and quick decision
making. Yellow grabs attention because the eye sees yellow first. The downside of yellow is
that it can induce anxiety and cause one to be over-critical. It also signifies cowardice.
Positive: cheerfulness, sun, gold, happiness, vitality, hope, warmth and optimism
13
CDEP 2024
Negative: caution, sickness, betrayal, treason, age, cowardice
Blue- The color of ocean and sky, blue is perceived as a constant in our lives. As the collective
color of the spirit, it invokes rest and can cause the body to produce chemicals that are calming.
The color of trust. Blue, the shade of the sea and the sky, is thought to induce calm and
convey tranquillity, serenity and peace.
The popular color instills confidence and inspires feelings of trust, loyalty, integrity and
responsibility.
Cool blue is conservative and can also be perceived as aloof. Blue tends to suppress the
appetite – there are not many foods associated with blue in nature.
Positive: royalty and aristocracy, the best, heaven, coolness, truth, tranquility,
conservatism, loyalty and dependability, security
Negative: introversion, sadness, depression, wintery, unexpected (out of the blue), low
class
Green- The color of growth and health. Think of nature and see green in all its glory expressing
renewal and life.
Green has a strong association as a refreshing and peaceful color.
It evokes feeling of abundance and a plentiful environment while providing a restful and
secure feeling. The prosperity signified by green can be negatively perceived as
materialistic and possessive.
Positive: environment, growth, renewal, fertility, freshness, nature, youth, health, peace and
calm, wealth
Negative: poison, envy, inexperience, gullibility, immaturity, eeriness, nausea, rawness,
sourness
Violet- The color of spirituality. The energy of red with the calm of blue combine to create violet, a
color that inspires reflection and self awareness.
It is the color of the sensitive, compassionate intuitive soul – the introvert. Also, violet has
long been associated with royalty, and characteristics of quality and luxury. Overuse of
violet can invoke irritability and arrogance.
White- Ultimate lightness, it is all the colors combined (light) and absence of color (pigment)
14
CDEP 2024