Online College Courses for Credit

2 Tutorials that teach Color
Take your pick:


Author: Mario Fierro-Hernandez

Recognize the element of Color and how it is considered in the visual design process.

See More
Fast, Free College Credit

Developing Effective Teams

Let's Ride
*No strings attached. This college course is 100% free and is worth 1 semester credit.

37 Sophia partners guarantee credit transfer.

299 Institutions have accepted or given pre-approval for credit transfer.

* The American Council on Education's College Credit Recommendation Service (ACE Credit®) has evaluated and recommended college credit for 32 of Sophia’s online courses. Many different colleges and universities consider ACE CREDIT recommendations in determining the applicability to their course and degree programs.


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.

  • Prism | Author: Flickr | License: Creative Commons
  • Square Prism | Author: Flickr | License: Creative Commons
  • Hue Scale | Author: Wikipedia | License: Public Domain
  • Hue Bird | Author: Wikipedia | License: Public Domain
Terms to Know
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.


The name of a color.


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