Visual & Performing Arts · 7th Grade · The Artist's Eye: Drawing and Composition · Weeks 1-9

Introduction to Color Theory: Hue, Saturation, Value

Students will learn the basic properties of color: hue, saturation, and value, and how they interact.

• Common Core State Standards
• NCAS: Creating VA.Cr2.1.7

About This Topic

Color theory is one of the most immediately engaging topics in the visual arts curriculum because students already have strong intuitions about color that can be examined and refined. Hue refers to the pure color itself , red, blue, yellow-green. Saturation describes the intensity or purity of a hue, from vivid to gray. Value describes the lightness or darkness of a color, independent of its hue. Understanding these three properties gives students a precise vocabulary for analyzing and controlling their use of color across all media.

A common teaching challenge is that students conflate these three properties, especially value and saturation. A deep forest green and a gray-green may have the same hue and similar value but very different saturation; a pale pink and a vivid red share a hue but differ dramatically in both saturation and value. Building clean visual examples of each property in isolation before asking students to analyze complex examples is essential.

Active learning approaches accelerate mastery here because color perception is direct and observable. When students mix, compare, and categorize color samples together, they build shared reference points that make abstract definitions concrete and memorable.

Key Questions

1. Differentiate between hue, saturation, and value in various artworks.
2. Explain how adjusting saturation can alter the emotional impact of a color.
3. Construct a color wheel demonstrating primary, secondary, and tertiary colors.

Learning Objectives

• Classify colors as primary, secondary, or tertiary on a color wheel.
• Analyze artworks to differentiate between hue, saturation, and value.
• Explain how changes in saturation affect the emotional tone of a visual composition.
• Demonstrate the mixing of primary colors to create secondary and tertiary hues.
• Compare the visual impact of high saturation versus low saturation within a single hue.

Before You Start

Introduction to Elements of Art

Why: Students need a basic understanding of visual elements like line, shape, and form to begin analyzing how color functions within them.

Basic Color Mixing

Why: Familiarity with mixing primary colors to create secondary colors is foundational for understanding hue relationships.

Key Vocabulary

Hue	The pure color itself, such as red, blue, or yellow. It is the quality that distinguishes one color from another.
Saturation	The intensity or purity of a hue. High saturation means a vivid color, while low saturation means a dull or grayish color.
Value	The lightness or darkness of a color, independent of its hue. This ranges from black to white.
Color Wheel	A circular chart that shows the relationships between colors. It organizes primary, secondary, and tertiary colors.
Primary Colors	The basic colors (red, yellow, blue) that cannot be created by mixing other colors. They are the foundation for other colors.
Secondary Colors	Colors made by mixing two primary colors, such as green (blue + yellow), orange (red + yellow), and violet (red + blue).

Watch Out for These Misconceptions

Common Misconception

Darker colors are the same as less saturated colors.

What to Teach Instead

Value (light/dark) and saturation (vivid/muted) are independent properties. A color can be very dark and still be highly saturated (deep forest green, navy blue) or very light and highly saturated (bright lemon yellow). Mixing a color with white raises its value without necessarily lowering its saturation significantly, while adding gray lowers saturation more than value. A side-by-side mixing comparison makes this distinction tangible.

Common Misconception

Adding white to a color makes it lighter without changing anything else.

What to Teach Instead

Adding white raises value but also reduces saturation , the color becomes both lighter and less vivid (called a tint). The shift in saturation is often subtle but visible, especially with warm hues like red or orange. Students notice this when they compare a pink (red + white) against a light red achieved by diluting transparent paint, which retains more saturation.

Common Misconception

The color wheel only shows primary colors and their mixtures.

What to Teach Instead

A full twelve-step color wheel includes twelve distinct hues: three primaries, three secondaries, and six tertiaries. Tertiaries are the mixtures between a primary and its adjacent secondary (red-orange, yellow-orange, etc.). Understanding the full wheel is necessary for working with color schemes and for mixing accurately toward any target hue.

Active Learning Ideas

Stations Rotation: HSV Isolation

Set up three stations , one for hue sorting, one for saturation gradients, one for value scales , each with physical paint chips, fabric swatches, or printed color cards. Students work in pairs to sort, arrange, and label samples at each station, then compare their arrangements with another pair before rotating.

40 min·Pairs

Guided Mixing Practice: Saturation Strips

Students mix a single hue (teacher-assigned) at five saturation levels by progressively adding its complement or a neutral gray. They paint each step on a strip, label it 1 through 5 from most vivid to least, and write one word describing the emotional quality of each step. Class shares observations about how saturation shifts feeling.

45 min·Individual

Think-Pair-Share: Analyze the Palette

Project two versions of the same photograph , one at full saturation and one desaturated , alongside a painting that uses a restricted, low-saturation palette deliberately (Hopper, Wyeth, or a contemporary example). Students write their initial observations, discuss with a partner, then contribute to a class analysis of how saturation shapes mood.

25 min·Pairs

Color Wheel Construction

Students paint a traditional twelve-step color wheel, mixing all secondary and tertiary colors from the three primaries. Rather than using pre-mixed paints, they are required to arrive at each color through mixing, labeling the component mix for each tertiary. Accuracy is assessed through visual comparison with a reference wheel.

50 min·Individual

Real-World Connections

• Graphic designers use precise control over hue, saturation, and value to evoke specific emotions and brand identities in logos and advertisements for companies like Nike or Coca-Cola.
• Fashion designers select color palettes for clothing lines, considering how saturation and value affect the perceived mood and style of garments, from vibrant summer wear to muted winter collections.
• Animators and game developers manipulate color properties to establish the atmosphere and emotional resonance of digital environments, such as creating a tense, desaturated scene or a cheerful, highly saturated landscape.

Assessment Ideas

Quick Check

Present students with three swatches of the same hue but different saturation levels (e.g., bright red, muted red, grayish-red). Ask them to write down which property is changing and describe the visual effect of each swatch.

Exit Ticket

Provide students with a simplified color wheel showing primary and secondary colors. Ask them to label one primary color, one secondary color, and then write one sentence explaining the difference between saturation and value.

Discussion Prompt

Show students two versions of the same image, one with highly saturated colors and one with desaturated colors. Ask: 'How does the change in saturation alter the feeling or mood of the image? Which version do you prefer and why?'

Frequently Asked Questions

What is the difference between hue, saturation, and value in color theory?

Hue is the name of the color , red, blue, green-yellow. Saturation is the intensity or purity of that hue: a fully saturated red is vivid and bold, while a desaturated red looks muted or grayish. Value is the lightness or darkness of the color regardless of its hue. A light pink and a deep burgundy can share the same red hue but differ in both value and saturation.

What are primary, secondary, and tertiary colors?

Primary colors , red, yellow, and blue in traditional paint mixing , cannot be created by mixing other colors. Secondary colors (orange, green, violet) result from mixing two primaries. Tertiary colors result from mixing a primary with an adjacent secondary, producing six intermediate hues: red-orange, yellow-orange, yellow-green, blue-green, blue-violet, and red-violet.

How does saturation affect the mood of an artwork?

Highly saturated colors tend to feel energetic, intense, or playful. Low saturation , muted, grayed-out tones , often reads as somber, nostalgic, or restrained. Artists control saturation deliberately to reinforce the emotional tone of a work. A battle scene painted in desaturated colors feels more grim and factual; the same scene in vivid hues can feel heroic or chaotic.

How does hands-on color mixing help students learn color theory concepts?

Color theory terms like saturation and value become meaningful when students can physically manipulate them , adding a complement to a hue to watch it gray out, or mixing progressively lighter tints of a color. Mixing by hand creates a sensory and procedural memory that purely visual examples cannot replicate. Students who mix their own color wheels retain the relationships between colors far more reliably than those who only observe them.