Ultimate Guide to Colors Part. 01 [Tones, Hues, & Saturation]

Kayla is a student and an artist coming from Canada. Enjoys rock and electronic music and can be found on deviantART.

Understand the basics of the colors, and learn the advantages of the finest color mixes.

Hello dear visitor, and Welcome to the Ultimate Guide to the Colors Tutorial.

First of all, we'd like to thank Kayla for her wonderful color tutorial and the permission to modify it and republish here. We suggest visiting Kayla's page for more educational stuff.

In this section we’ll attempt to simply explain the Undertones, the Hues, the Saturation & Shades.
But for the beginning let’s start with some definitions. :)

But for the beginning let’s start with some definitions. :)

What is Undertone?

- A Pale of subdued color;
- The subtle underlying color of a hue is its undertone. Interior colors are rarely pure. They are mixtures of many colors and the undertones that reflect the mix.

(for example) Olive is green with an undertone of yellow;

What is Hue?

- Hue is what we used to describe the color that we see either a red, or an orange or purple.

What about Saturation?

- Saturation is simply the intensity of the color.

(for example) High saturation is the neon’s, while low saturation is washed out colors.

Now as we’re aware of what the undertones are we can divide them in groups:

1. Warm (undertones);
2. Cold (undertones);
3. Neutral (undertones);

1. With the warm undertones, you will notice that they will appear to usually be more rosey , red, pink or orange. The darker the color, the more saturated it becomes, the lighter the color the less saturated it becomes.

2. With the cold undertones, see how it appears to have more yellow, green, blue or purple. Typically doesn’t become very saturated, instead it gets.

3. With the neutral undertones, they typically aren’t considered warm or cool, instead they are in the middle. They are shades of the same color.

All colors have hues, it’s how we know what color it is. Try to guess what these hues are…

Now, you can mix colors to create, well, mixes…

You can also add shades (B&W) to make colors lighter or darker. The following example does not have any other colors added, just white or black.

However, this example combines shades, and saturation.

Now, saturation doesn’t mean lighter or darker, think of it as how “neon” or how “wasted out” a color looks. Another way to think of it is, how much white is in the color.

Colors with a high saturation will look richer, and will have less white. Colors with low saturation will look faded, and have more white mixed into them, this is also called a desaturated color.

That’s it, you’re done. Congratulations! :)

When you are ready, you can continue the series by following up on:

Part 2: Colors & Introduction To Lights & Shadows

Part 3: Lights & Shadows Continued

Part 4: Putting It All Together


70-46470-46570-46670-46770-467J70-48070-48170-48270-48370-48470-48570-48670-48770-48870-48970-49270-49670-49770-49870-50070-50170-50270-502-Csharp70-502-Csharp-CN70-502-VBC2140-834C2140-839C2140-842C2150-006C2150-038C2150-057C2150-139C2150-1951Z1-0351Z1-0361Z1-0401Z1-0411Z1-0421Z1-0431Z1-0451Z1-0461Z1-0471Z1-0481Z1-0501Z1-0511Z1-052MB4-640MB4-641MB4-643MB4-873MB4-874MB5-198MB5-199MB5-229MB5-292MB5-294windows 8 keywindows 8 keywindows 7 keywindows 7 keywindows 7 keywindows 7 keyomega replica watchesreplica watchescartier replica watchesbreitling replica watches74-67974-92477-60177-60277-60477-60577-88177-88277-88377-88477-88577-88777-88878-702000-080000-081000-082000-083000-084000-085000-086000-087000-089000-093000-094642-544642-545642-551642-552642-564642-565642-566642-567642-577642-5821Z1-5331Z1-5351Z1-5361Z1-5391Z1-5401Z1-5411Z1-5421Z1-5431Z1-54570-545-Csharp70-545-VB70-54770-547-Csharp70-547-VB70-548-Cplusplus070-681070-682070-683070-684070-685070-685J070-686070-687070-688070-689070-690070-691070-693070-699070-910071-571071-687074-131074-132074-133C2040-442C2040-840C2040-910C2040-911C2040-9131Z0-5151Z0-5161Z0-5171Z0-5181Z0-51970-27070-27170-27270-28170-28270-28470-28570-29070-29170-29270-29370-293BIG570-29470-29670-29770-29870-29970-30070-30170-3051Z0-3011Z0-3111Z0-3121Z0-4021Z0-40370-08670-08970-12170-12270-12370-15870-16270-16970-17770-17870-18170-21070-21470-21570-21670-21770-21870-21970-22070-221000-887000-888000-889000-890000-891642-054642-055642-061642-062642-066642-067642-071642-072642-081642-091070-086070-089070-121070-122070-123070-158070-162070-169070-177070-178070-181070-210070-214E20-016E20-017E20-018E20-040E20-050E20-060HP0-207HP0-216HP0-236HP0-238HP0-239HP0-240HP0-242JN0-694JN0-696JN0-730L50-501L50-502L50-503LOT-402LOT-403LOT-404windows 7 keywindows 7 keywindows 7 keyoffice 2010 keywindows-7-keyswindows-8-product-keywindows-8-professional-products-keypurchase-windows-7-key-oemwindows-7-key-keygengurucheap-Windows-8-Keywindows-7-keybuy-windows-7-keywindows-7-key-salewindows-7-key-sale-finmdebuy-Windows-8-Keywindows-7-key-for-salewindows-7-ultimate-serial-productOffice-2013-Professional-KeyOffice-2010-Professional-Keywindows-8-keywindows-8-keyswindows-8-key-oemwindows 7 keywindows 8 keywindows 7 keywindows 7 keywindows 7 keywindows 7 keywindows 7 key salewindows 7 key for salewindows 7 keywindows 7 keywindows 7 keyoffice 2010 keywindows 8 keywindows 7 keywindows 7 keyoffice 2013 keyoffice 2010 keywindows server 2012 r2 keywindows 8.1 keywindows 7 keywindows 7 keywindows 8 keywindows 8 keywindows 7 keywindows 7 keywindows 7 keywindows 7 key