« The color of white | Main | Brightness vs. Whiteness »

Brightness, saturation and hue

Before we proceed into the depths of color, let's first cover some of the basics.
Effective color communication depends on the proper use of language. All colors can be described in terms of brightness, saturation and hue. What exactly do we mean by that?
kegel.jpg
For the sake of convenience all possible colors can be fitted into the shape of a cone. The greys will be found on the axis. Upwards the colors become brighter, downwards they become darker. Towards the outside the colors become more saturated, in other words: less grey. All colors of the rainbow can be found in a circle around the axis. This model helps us to understand the meaning of the terms brightness, saturation and hue.
hue.jpg
In the cone we can mark out a triangle. All the colors located on one triangle have the same hue. An orange has the same hue as fire, which has the same hue as a pineapple. Allthough pineapples generally are much darker than oranges. A leaf has the same hue as grass, which has the same hue as jade. The sky has the same hue as the IBM logo, which has the same hue as the mediterranean sea and a pair of jeans. Likewise, a banana has the same hue as a custard dessert and a lemon. Get the picture? All of the colours in the row below the cone are located on one triangle and have the same hue, even though some are more greyish, and some are darker than others. The row of colors below the previous cone all have a similar hue.
saturation.jpg
We can also mark out a belt with colors that all have the same distance to the axis. All the colors on the belt have the same saturation. Imagine having a pot of grey and a pot of red paint. The more red you add to the grey paint, the more saturated it becomes. Some people would say: it becomes more lively. The pot of red paint has a maximum saturation, the pot of grey paint has a minimum saturation. Replacing the red paint by a can of yellow, green or blue doesn't alter the saturation, it only changes the hue. All colors in the row below the cone have a similar saturation, even though they don't share the same hue or brightness.
brightness.jpg
In the cone a circular surface is marked out where all the colours have the same brightness. Brightness is related to the amount of light that is reflected by a color. Bright colors high up in the cone reflect a lot of light while colors down at the bottom reflect very little light and are therefor less bright. The row of colors below the cone all have a similar brightness.
In a next post I will offer some fun interactive exercises that will help you learn how to classify colors.

TrackBack

TrackBack URL for this entry:
http://www.livelygrey.com/cgi-bin/mt/mt-t.cgi/9

Listed below are links to weblogs that reference Brightness, saturation and hue:

» Brightness vs. Whiteness from Livelygrey
This post digs into the difference between brightness and whiteness. This may sound as a silly little issue, which it probably is for anyone not very interested in color. But if you aim at boosting your color designing skills, you... [Read More]

» Color Contrasts from Livelygrey
Repeat after me: It's not about the colors, it's about how the colors relate to one another. Say it loud. Say it one thousand times. And never forget it. Don't worry about what I mean by that. Just read this... [Read More]

» List of HQ woes is from High quality bathroom floor design
Plasko said he believes the problem is the floor's finish, not the structure. The final item is a [Read More]

Comments (4)

I love seeing this depicted through the cone. Very good visual. :)

Thanks for the comment.
I can't take credit for the concept of the cone. Color cones have been around for a long while. But the visuals are all mine...

Joyce Bailey:

This was great game...even for a seasoned color theorist.....it was a bit of a challenge.....

Igor:

Hi Joyce,
The funny thing about these games is that kids tend to find them easier than adults. I actually tested it at my (8 years old) kids's school.

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)

 Subscribe to feed

AddThis Social Bookmark Button

Subscribe by Email

About

This weblog is an attempt to transmit some of 20+ years of professional color experience.
More…

Info

This page contains a single entry from the blog posted on August 14, 2007 10:08 PM.

The previous post in this blog was The color of white.

The next post in this blog is Brightness vs. Whiteness.

Many more can be found on the main index page or by looking through the archives.

Creative Commons License
This weblog is licensed under a Creative Commons License.