Color Theory: The Basics

intro

All colors are the friends of their neighbors and the lovers of their opposites. -Marc Chagal

Color theory is a very broad subject, getting downright scientific. While we don’t need to become scientists to be good designers, it is important to focus on what colors work well together and the emotions they convey. Becoming good with color has a lot to do with trial and error and will come over time, through observation and hands on experience. However, it is important as designers to have some guidelines and know the basic terms and definitions that make color possible.

Even in their simplest forms, the following time-proven formulas are useful and powerful references when choosing a color palette.

The Color Wheel
colorwheel

The most basic way to describe colors and their relation to one another is through the color wheel. Organized in a simple, orderly fashion, the color wheel enables users to visualize compatible color combinations.

The color wheel is made up of twelve colors consisting of three primary, three secondary and six tertiary colors.


spacer
Primary Colors
primarycolors
primarycolorscirclePrimary colors are red, yellow and blue. These colors cannot be created by mixing any other colors. All colors are made from blending these three colors. Using primary colors can give a feeling of directness and simplicity.


henri-matisse-red-interior-still-life-on-blue-table
Henri Matisse
ken-bailey-dalmatian-with-red-and-yellow-ball
Ken Bailey



Secondary Colors
secondarycolors
secondarycolorscircleSecondary colors are orange, green and violet. To get these colors you must mix two primary colors together. Using secondary colors can give a feeling of excitement and movement.


chris-burrows-crocus-tommasinianus
Chris Burrows
brian-gordon-green
Brian Gordon Green


Tertiary Colors tertiarycolors
tertiarycolorscircleTertiary colors, sometimes referred to as intermediary colors, are red- orange, yellow-orange, yellow-green, blue-green, blue-violet and red-violet. They result from combining a primary and secondary color.

ynon-mabet4
Ynon Mabet

Leave a Reply

Your email address will not be published. Required fields are marked *