Professional Documents
Culture Documents
Color is the perceptual characteristic of light described by a color name. Specifically, color is
light, and light is composed of many colorsthose we see are the colors of the visual spectrum:
red, orange, yellow, green, blue, and violet. Objects absorb certain wavelengths and reflect others
back to the viewer. We perceive these wavelengths as color.
Describing Colors
A color is described in three ways: by its name, how pure or desaturated it is, and its value or
lightness. Although pink, crimson, and brick are all variations of the color red, each hue is
distinct and differentiated by its chroma, saturation, intensity, and value.
Chroma, intensity, saturation and luminance/value are inter-related terms and have to do with
the description of a color.
Color Systems
Available color systems are dependent on the medium with which a designer is working. When
painting, an artist has a variety of paints to choose from, and mixed colors are achieved through
the subtractive color method. When a designer is utilizing the computer to generate digital
media, colors are achieved with the additive color method.
Subtractive Color.
When we mix colors using paint, or through the printing process, we are using the subtractive
color method. Subtractive color mixing means that one begins with white and ends with black; as
one adds color, the result gets darker and tends to black.
The CMYK color system is the color system used for printing.
If we are working on a computer, the colors we see on the screen are created with light using the
additive color method. Additive color mixing begins with black and ends with white; as more
color is added, the result is lighter and tends to white.
The RGB colors are light primaries and colors are created with light.
Percentages of red, green, & blue light are used to generate color on a computer screen.
Working With Systems
The Visible spectrum consists of billions of colors, a monitor can display millions, a high quality
printer is only capable of producing thousands, and older computer systems may be limited to
216 cross-platform colors.
Reproducing color can be problematic with regard to printed, digital media, because what we see
is not what is possible to get. Although a monitor may be able to display 'true color' (16,000,000
colors), millions of these colors are outside of the spectrum available to printers. Since digital
designs are generated using the RGB color system, colors used in those designs must be part of
the CMYK spectrum or they will not be reproduced with proper color rendering. Working within
the CMYK color system, or choosing colors from Pantone palettes insures proper color
rendering.
Color Wheel
Primary Colors: Colors at their basic essence; those colors that cannot be
created by mixing others.
The color wheel can be divided into ranges that are visually active or passive. Active colors will
appear to advance when placed against passive hues. Passive colors appear to recede when
positioned against active hues.
Advancing hues are most often thought to have less visual weight than the
receding hues.
Most often warm, saturated, light value hues are "active" and visually
advance.
Cool, low saturated, dark value hues are "passive" and visually recede.
Tints or hues with a low saturation appear lighter than shades or highly
saturated colors.
Color relationships
The Painter's color triangle consists of colors we would often use in art
classthose colors we learn about as children. The primary hues are red, blue and yellow.
The Printers' color triangle is the set of colors used in the printing
process. The primaries are magenta, cyan, and yellow.
Complementary Colors
We look at a color wheel to understand the relationships between colors. Analogous colors are
positioned in such a way as to mimic the process that occurs when blending hues. The colors that
are positioned opposite one another are complementary colors.
To call those hues in direct opposition to each other "complements of each other" is appropriate.
Complementary colors bring out the best in each other. When fully saturated complements are
brought together, interesting effects are noticeable. This may be a desirable illusion, or a problem
if creating visuals that are to be read.
Visual Illusions
Vibrating Boundaries
Notice the illusion of highlighted edges and raised text. This may occur when opposing colors
are brought together.
Perceptual Opposites.
We learn from the relationships displayed by a color wheel that every color has an opposite.
Every color has both a color wheel opposite as well as a perceptual opposite. Without a color
wheel, it is still possible to find the opposite of a color and this is due to a phenomenon of our
eyes. Due to the physiological differences between individuals, everyone's perceptions do vary
the complements shown below are my own perceived opposites:
source >> result
After Images
Color is light and colored objects absorb and reflect different wavelengths. Light & color are
seen by the human eye because of the two types of photoreceptor cells - rods and cones - located
in the retina of the eye. Rods are sensitive to light and dark; cones are sensitive to red, green &
blue light and responsible for color vision. These photoreceptors convey the color of light to our
brain. (Learn more about rods and cones, at BiologyMad.com)
When our eyes are exposed to a hue for a prolonged period, the rods & cones become fatigued.
You might notice this if you are reading something on colored paper, and then look awayyou
often see the inverse, or complement, of the image. This occurrence can be advantageous if you
are seeking the opposite, or contrast, of a color. This may be dismaying to a viewer if presented
with prolonged exposure to colored screens or reading materials.
Every color has an opposite, and although individual's perceptions do vary, the range of after
images seen is consistent.
Take the After Image Test
Stare at this image for at least 20 seconds. When finished, click on the image or the link below to
proceed to the next page.
After Images - Results
What you see here is a called an after image. This may be VERY faint; if you don't see anything,
try again! To view the image most people see, scroll down the page.
These are the after image colors many/most people will see. People see the opposite colors or a
negative image because staring at one color for an extended period will fatigue the eyes rods &
cones. There is some constancy with after images as people see images within the same general
hue families.
A more in depth explanation offered by Peter Kaiser, MD while at York University, CA:
When you focus on a [strong stimulus], light sensitive photoreceptors (whose job it is to convert
light into electrical activity) in your retina respond to the incoming light. Other neurons that
receive input from these photoreceptors respond as well. As you continue to stare at the [strong
stimulus] your photoreceptors become desensitized (or fatigued).
Your photopigment is "bleached" by this constant stimulation. The desensitization is strongest for
cells viewing the brightest part of the figure, but weaker for cells viewing the darkest part of the
figure. Then, when the screen becomes white, the least depleted cells respond more strongly than
their neighbors, producing the brightest part of the afterimage.
Most afterimages last only a few seconds to a minute, since in the absence of strong stimulation,
most nerve cells quickly readjust. Desensitization of the retina can be important for survival. A
constant stimulus is usually ignored in favor of a changing one by the brain, because a changing
stimulus is usually more important. But desensitization also leads to afterimages.
Afterimages are constantly with us. When we view a bright flash of light, briefly look at the sun,
or are blinded by the headlights of an approaching car at night, we see both positive and negative
afterimages. To prevent permanent damage to your eyes, NEVER look at any bright light source,
in particular the sun.
The British psychologist Kenneth Craik burned a tiny hole in his right retina and permanently
scarred his eye at that spot, when he stared directly into the sun for two minutes. DON'T TRY
THIS AT HOME! For the first few days following his experiment--in which he wanted to find
out whether such a lesion in the eye is visible--he saw a dim orange disk with closed eyes
(positive afterimage) and a black afterimage with open eyes. Fortunately, after a year or so,
Craik's vision at that location in his eye appeared to return to normal. His brain cleverly filled-in
information at this damaged piece of retina.
found at: www.illusionworks.com - unfortunately, no longer around. :(
Color Combinations
Color combinations may pass unnoticed when pleasing, yet offend dramatically when
compositions seem to clash. One outcome we seek in the final form or composition, is a
successful use of color.
We determine whether or not we are successful by critically assessing the visual balance and
harmony of the final compositionbalance and harmony are achieved by the visual contrast that
exists between color combinations. Planning a successful color combination begins with the
investigation, and understanding, of color relationships.
Using a color wheel and a template, the relationships between colors are easy to identify.
Color Basics
Color Systems
Color Wheel
Complementary Colors
After Images
Color Combinations
Itten's Contrasts
Color Studies
Palette Picker
simultaneous contrast
Some color combinations can cause illusions when positioned together:
Red text on a blue background
An occurrence known as 'simultaneous contrast' (or chromostereopsis,) may happen when
opposing colors are placed in close proximity to each other. Text may appear to vibrate, or cast a
shadow. Eye strain and fatigue will result if a viewer focuses on a document displaying similar
properties for an extended time period.
Colorblind Deficiencies.
The Design of visual documents or signage without thought to the overall contrast level between
figure and ground can be problematic for people with sight deficiencies. My first-hand
experience with this occurred years ago when visiting a hospital with a friend who was
colorblind. The hospital had creatively marked the floor with "road maps" to various areas like
the lab, lobby, etc. Unfortunately, they used red and green lines and my friend could not
distinguish between the colors. If a visual document uses color to relate important information,
insure that no information is lost, or potentially misunderstood, when the color is not available.
Color Basics
Color Systems
Color Wheel
Complementary Colors
After Images
Color Combinations
Itten's Contrasts
Color Studies
Palette Picker
The contrast is formed by the juxtaposition of light and dark values and their
relative saturation.
The contrast is formed by the juxtaposition of light and dark values. This
could be a monochromatic composition.
Simultaneous contrast
The contrast is formed by the juxtaposition of different hues. The greater the
distance between hues on a color wheel, the greater the contrast.
The color with the largest proportional area is the dominant color (the ground).
Accent colors are those with a small relative area, but offer a contrast because of a
variation in hue, intensity, or saturation (the figure).
Placing small areas of light color on a dark background, or a small area of dark on a light
background will create an accent.
If large areas of a light hue are used, the whole area will appear light; conversely, if large
areas of dark values are used, the whole area appears dark.
Alternating color by intensity rather than proportion will also change the perceived visual
mix of color.
Examples of Proportion
Dominant color
Sub-dominant colors
Accent
Dominant color
Sub-dominant colors
Accent
Dominant color
Sub-dominant colors
Accent
Dominant color
Sub-dominant colors
Accent
In the examples below, the overall contrast level of a composition changes with the range of
luminosity between chosen hues.
Low contrast
Low contrast compositions use colors within a narrow range of luminosity or brightness levels.
Moderate contrast
moderate contrast compositions use colors within a moderate range of luminosity or brightness
levels.
High contrast
High contrast compositions colors range from very light (high-luminosity) to very dark (low
luminosity).
Examples of Value Dominance
In the examples below, the overall value of each composition changes with the incorporated
hues' relative saturation.
Light value
A composition made up of tints, displays an overall light value.
Medium value
A medium value composition is made up of a balance between tints, saturated hues, and shades.
Using a color wheel divided into various shades and tints is one method of identifying possible
options for color schemes. The split complementary relationship shown in this example presents
many possible combinations. By varying the saturation and experimenting with shades and tints
within the hue relationship, you can achieve quite a variety of palette options. (Click on the wheel
above to view a larger image.)
Examples
High contrast, medium value, composition using shades, tints & various
saturation levels.
Moderate contrast, medium value, using shades, tints & various saturation
levels.
Low contrast, medium value, using shades, tints & various saturation levels.
High contrast, light value, using shades, tints & various saturation levels.
Color Studies
Colors of a complementary relationship.
Color intensity and proportion modified. Using tints and shades of the
original colors results in a moderate level of contrast and medium value.
Color intensity and saturation modified - the whole area displays a light
value,