“Tints”, “tones” and “shades” are terms you’ll hear used when discussing color. A “tint” is the result of mixing a color with white. A “shade” is the resultant mixture of a color with black. “Tone” is the resultant mixture of a color with both black and white. Check out this sixty second explanation for more details!
A Bit More Detail
Learn more about color on Envato Tuts+
- A Comprehensive Introduction to Color in Design
- Why You Should Avoid Vibrating Color Combinations
- Color for Attention and Depth in 60 Seconds
- Web Design for Kids: Color
60 seconds?!
This is part of a series of quick video tutorials on Envato Tuts+ web design. We’re aiming to introduce a range of subjects, all in 60 seconds–just enough to whet your appetite. Let us know in the comments what you thought of this video and what else you’d like to see explained in 60 seconds!
Subtitles/CC
Here you’ll find the content of the “captions.sbv” file, which we can use to add subtitles to the screencast. Turn subtitles on by clicking the Subtitles/CC button on the player–click the settings gear icon to select the language:

0:00:00.299,0:00:06.400
Tints, tones, and shades are terms being used
when talking about color. A “tint” is
0:00:06.400,0:00:13.240
the mixture of a color with white. If I drag
this slider to the left I’m basically adding
0:00:13.240,0:00:20.519
white, therefore lightening the color. On
the opposite scale, a “shade” is the mixture
0:00:20.519,0:00:26.409
of a color with black. So if I drag my slider
down I’m basically adding black to that
0:00:26.409,0:00:33.489
color and creating a more darker color. Now,
a “tone” is the mixture of a color with
0:00:33.489,0:00:40.500
both black and white, so if I drag the slider
here diagonally I’m adding both black and
0:00:40.500,0:00:47.800
white at the same time. Now, here’s a quick
look at an RGB based color wheel. Tints are
0:00:47.800,0:00:54.260
when you add white. Tones are when you add
gray. And shades is when you add black to
0:00:54.260,0:00:59.929
a color. I’m Adi Purdila, thanks for watching
“Tints, tones, and shades in 60 seconds”.