Thoughts on Color

I recently gave this presentation on color to our creative team. It was originally done in a conversational presentation format…which I will try to recreate here. And I owe credit heavily to worqx.com for the formalized info and graphics to support my informal and intuitive comprehension of color in combo with a formal education in the Swiss style on the subject.

Johannes Itten was a strange fellow. In addition to his background in psychology and teaching, he was also an instrumental member of Ittenthe Bauhaus (not the band), a fervent vegetarian who thought nothing of running his design students through meditation and exercise routines within his art practice. When he wasn’t working out, he was working on formalizing color. Itten gave us the first formalized color wheel. He is quoted as saying… “Color is life, for a world without color seems dead. As a flame produces light, light produces color. As intonation lends color to the spoken word, color lends spiritually realized sound to form.” Wow. I think I’d rather work out some more.

Regardless, he left an indelible imprint on any craft that deals with color by creating the first color wheel and the extended thinking around color that allows us to understand more clearly how and why color works (or doesn’t). We now have a language and alphabet to help in discussing color issues that we still use everyday.

You have to start somewhere. Let’s start here.

Color Basics.

Color is the perceptual characteristic of light described by a color name. Specifically, color is light, and light is composed of many colors—those 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.


How do we describe color?
color description
A color is described in three ways: 1. By its name 2. How pure or desaturated it is. And 3. 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.
We have a wonderful problem. Color systems.
Online or off. Color is still color…but each system acts differently.

Additive Color.
additive

If we are working on a computer, the colors we see on the screen are created with light using the additive color method.

 

 

 

Subtractive Color.
additive
When we mix colors using paint, or through the printing process, we are using the subtractive color method.

 

 

 

Now that we know some basics.

 

I’d like to introduce the color wheel. color wheel
The color wheel is a visual representation of colors arranged according to their chromatic relationship.  Bask in its glory for a moment. OK. Moving on.

 

 

 

 

The color wheel can be broken down into many descriptions depending on the associations you are creating.

 

Primary Colors:
primary
Colors at their basic essence; those colors that cannot be created by mixing others.

 

 

 

Secondary Colors:
secondary
Those colors achieved by a mixture of two primaries.

 

 

 

 

Tertiary Colors:
tertiary
Those colors achieved by a mixture of primary and secondary hues.

 

 

 

Complementary Colors:

complimentary

Those colors located opposite each other on a color wheel.

 

 

 

 

Analogous Colors:
analgous
Those colors located close together on a color wheel.

 

 

 

The color wheel can be further divided into ranges that are visually active or passive.
active_passive
Active colors will appear to advance when placed against passive hues.
Passive colors appear to recede when positioned against active hues.

 

 

 

So remember Itten? And what does it have to do with my day job?

ittens contrastWell the biggest take away here from Itten is that any color palette, approach, or system relies on one thing. Contrast. Itten studied this in great detail through a series of paintings that were identical, save for color arrangements. The result? The exposure of successes and faults in color combinations.

 Anyone working with color regularly must understand this.
I have developed my own 4 simple rules.
(Remember these are my rules, and well, anyone who has ever followed me on a bike or snowboard would know what works for me sometimes sends others to the hospital.)

Rule #1
Have a color strategy.

Using color strategically is an important trait to learn and use to defend design choices. Good color strategies help lessen subjectivity when dealing with color. Pick a palette that makes sense for your project.

Simple color strategies:
De-saturated blues =Traditionally represents dependability and establishment. Saturated reds = Often conveys energy and strength etc.

 

Rule #2
Be aware of color and contrast.

 contrast-nos

When we create visuals that are intended to be read, offering the viewer enough contrast between the background (paper or screen) and the text is important. Text presentations ideally offer at least an 80% contrast between figure and ground.

 

 

 

 

 

Rule #3
Don’t re-invent the wheel.

You wouldn’t expect a creative to say that. Look to nature for inspiration. And I don’t mean limit yourself to plants and animals…look at what’s out in there in the world. You’d be surprised where you find great palettes. I often look to fashion and culture.

 

Rule #4
Develop a limited palette.

I know. I know. Sounds weird. But unless you’re doing a design that requires a rainbow, say for the revival of  “My Little Pony,” here less is more. Remember the box of 64 crayons? It’s too much. I often will look at 4-6 colors (with 1 or 2 of those being accents) and 3 to 4 neutrals (ranging from light, mid and dark hues) max to establish a palette.

 

That’s it. Go make things good.

This entry was posted on Friday, August 14th, 2009 at 3:15 pm and is filed under Creative Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

* indicates required information