In this lesson, you will be introduced to Color as an element and how it is considered in the visual design process.

See More
Visual Communications

A positive sign:
Our Visual Communication Course is only $329.

Sophia college courses cost up to 80% less than traditional courses. *


Source: Image of Prism, Creative Commons http://www.flickr.com/photos/14863785@N03/2240048669/ Image of Square Prism, Creative Commons http://www.flickr.com/photos/rfa/356737363/ Image of Hue Scale, Public Domain http://en.wikipedia.org/wiki/File:HueScale.svg Image of Hue Bird, Public Domain http://en.wikipedia.org/wiki/File:Hue.gif

Video Transcription

Download PDF

Hi, everyone. My name is Mario. I'd like to welcome you to today's lesson on color. So I'll introduce color as an element and talk about why it's super awesome and super cool in design. So as always, feel free to pause, fast forward, and rewind, as you see fit. And when you're ready to go, then let's jump into color.

OK, so the color spectrum is the seven hues of visible light, which are, of course, red, orange, yellow, green, blue, indigo, and violet. And these hues are arranged on the spectrum by wavelength, which is something that we touched on previously. Now color is the makeup of each individual band of the refracted visible light waves, and it's also known as hue. This is really pretty looking, isn't it?

So hue is quite simply the name of a color. So what I mean is that hue it's just that-- it's the name of the color. So if we look at this chart, what hue is at 0 in this chart? That would be red.

So how about 120? It's a green hue Or the hue is green.

So it starts to make more sense if you think about hue used in a sentence, like that grass has a nice greenish hue. Or these flowers have very beautiful rainbow hues. So here's a funny example here of a bird, sort of cycling through different hues. It just kind of loops over and over.

So color also comes in different saturation, which is another term for the intensity of a color. And usually referring to the purity or vividness of a color. So in this example, our base color is that third color here from left to right. And as I lowered the saturation, it became more muted. But as I raised it, it became more pure and more vivid.

So you start to see kind of tints and shades arise when this happens. And a tint is a color when it's mixed with white. Where as a shade would be a color mixed with black.

So you can see now what saturation does in a more conventional design, as the saturations are raised here. And all these aspects of color play, of course, a huge role in design and working together with other elements to create visual interest, mood, appeal, and many, many other factors.

Well, that concludes today's lesson on color. Our key terms for today were hue, color spectrum, and saturation. I hope you enjoyed today's lesson on color. My name is Mario. And I'll see you next lesson.

  • Hue

    The name of a color.

  • Color Spectrum

    The seven hues of visible light: red, orange, yellow, green, blue, indigo, and violet. These hues are arranged on the spectrum by wavelength.

  • Saturation

    Another term for the intensity of a color, usually refers to the purity or vividness of a color.