STORE BLOG ARTICLES PUBLICATIONS CHARTMAKER FREEBIES

Color Theory Basics: Part I

The art and science of color is a complicated field, but here's an introduction to color theory. This article introduces some basic terminology and concepts, including the color wheel; primary, secondary and tertiary colors; hue, value, saturation; tints and shade; warmth and coolness.

(You can read Part II here: Color Theory Basics: Part II).

The color wheel

Color WheelThe color wheel is a way of showing the relationships between colors on the spectrum. There is more than one kind of color wheel, but this 12 spoke wheel, showing primary colors, secondary colors and tertiary colors is an accepted way of showing colors. On the wheel, colors are arranged by their relationship to each other. The colors closest to each other in quality will lie closest to each other on the wheel. The colors most different in quality will lie farthest apart. So, yellow is next to yellow-orange for example, and farthest from violet.

Primary colors

Color Wheel Primary ColorsThe primary colors are (theoretically) the purest colors. This idea of "purity" in color practice is usually theoretical; if you look closely enough at any color you will find traces of other colors. Especially in yarn. The primaries are yellow, red and blue.

Secondary colors

Color Wheel Secondary ColorsSecondary colors are the visual midpoints between the three primaries: they are orange, violet, and green.

Tertiary colors

Color Wheel Tertiary ColorsTertiary colors are the visual midpoints between the three secondaries: they are yellow-orange, red-orange, red-violet, blue-violet, blue-green, and yellow-green.

Color terminology

Saturation

SaturationRefers to the intensity of a color. This image shows orange, saturated on the left, moving towards no saturation on the right.

Shade

ShadesA color with black added. When shades or tints are low in color saturation, they move towards neutral.

Tint

A color with white added

Hue

The color, defined by its wavelength. eg, blue, red.

Value

Refers to how light or dark something is. Different colors can share the same value. Tip: not sure if colors have the same value? Squint your eyes to blur what you are looking at; differences in value will be more obvious. Some colors are lighter than others. The most intense yellow, for example, is much lighter than a violet or red, as shown by the image on the left. The image on the right shows colors of different intensity (or saturation), but similar value.

Coolness

CoolnessHow close to blue a color is on the wheel. Note that coolness and warmth are relative. This picture shows two yellows; the one on the left, which is slightly green, is cooler than the one on the right. Cool colors appear to recede. 

Warmth

How close to yellow a color is on the wheel. Warm colors appear to come forward.



Comments

By Megan Goodacre on Jun 28, 2012 at 3:57 PM
Thanks! Those playful tertiaries are the best!
By Guest on Jun 27, 2012 at 9:35 PM
Enjoyed this! My mom and my daughter are artists (I had the joy of home-educating my daughter--but had my mom teach my kids art), and I am familiar with art theory. This was a fun review--oddly, I had forgotten tertiary colors! Thanks!
more soon By Megan Goodacre on Oct 7, 2011 at 4:08 PM
thanks! I'll be adding more soon on color contrasts
By Guest on Oct 7, 2011 at 4:50 AM
love your site, patterns and great article on colour theory.

Add Comment