Color and DesignThe Principles of Design

Contrast

Contrast puts unlike things side by side: light and dark, big and small, smooth and rough, warm and cool.

Not started Jump to practice

Contrast puts unlike things side by side. The bigger the difference, the stronger the contrast. Contrast wakes a picture up and helps parts stand apart.

Contrast of value (light and dark), of shape and color, and a textured surface that would contrast with a smooth one.
Contrast can come from any element.
Kind of contrastExample
Valuea white boat on a dark sea
Color (hue)complements side by side: an orange buoy on blue water
Temperaturewarm firelight in a cool blue room
Saturationone bright red umbrella in a gray street
Sizea tiny figure beside a huge mountain
Shapea round moon above jagged rooftops
Texturerough bark beside smooth glass
Directionone leaning post in a row of upright ones

Key idea

Contrast is any strong difference: light and dark, big and small, rough and smooth, warm and cool, bright and dull, round and angular.

Why it works

Our eyes are built to notice differences. A sameness fades into the background; a difference grabs attention. That is why contrast is the main tool for emphasis, and why too little contrast can make a picture feel flat.
Fan Kuan, Travelers among Mountains and Streams, about 1000.

Worked example: Contrast of size

In Fan Kuan's Travelers among Mountains and Streams (about 1000), a towering mountain fills most of the scroll. A small train of travelers with pack mules moves along the road near the bottom. What kind of contrast is strongest, and what does it suggest?
  1. The mountain is huge; the travelers are tiny.
  2. That is a contrast of size (scale).
  3. It makes nature feel vast and people small within it.

Answer: Size: the tiny travelers make the mountain feel immense.

Common mistake

Thinking contrast means only black against white. Value contrast is the strongest kind in many pictures, but any strong difference counts: a smooth sphere on rough sand, a single warm color among cool ones, a tiny shape beside a big one.

Practice

Pass with 3 right answers, the last 2 in a row. Each right answer earns 1 XP.

Loading practice…

Builds on

Leads to

Sources and further reading

@teddyrookbook GitHub