← Back Home

Color Theory Essentials

Understanding the fundamentals of color theory is crucial for anyone working with design, art, or even just choosing a paint color for their room. This page breaks down the core components: Hue, Saturation, and Value.

Hue: The Pure Color

Hue is what we typically think of as a color's name – red, blue, yellow, green, and so on. It refers to the dominant wavelength of light. On a color wheel, hues are arranged to show their relationships. Primary colors (red, yellow, blue) cannot be created by mixing other colors, while secondary colors (orange, green, violet) are made by mixing two primary colors. Tertiary colors are made by mixing a primary and a secondary color.

Red
Yellow
Blue
Orange
Green
Violet

Saturation: The Intensity of a Color

Saturation, also known as chroma, describes the intensity or purity of a hue. A highly saturated color is vivid and bright, while a less saturated color appears more muted or dull. Saturation is decreased by adding gray, white, or black to a hue.

High Saturation:
Vibrant Green
Bright Gold
Medium Saturation:
Sea Green
Goldenrod
Low Saturation:
Slate Gray (desaturated green)
Dark Khaki (desaturated yellow)

Value: The Lightness or Darkness of a Color

Value refers to how light or dark a color is. This is determined by adding white or black to a hue. Adding white creates a tint, making the color lighter. Adding black creates a shade, making the color darker. Adding gray creates a tone, reducing saturation and altering value simultaneously.

Red Tints:
Red
Tomato
Light Salmon
Peach Puff
Red Shades:
Red
Firebrick
Dark Red
Indigo (dark shade of violet)

Test Your Understanding!

Which of these color combinations would likely be most harmonious for a calming website?

Mastering these basic elements allows for more intentional and effective use of color in any visual medium. For more about color, check out Advanced Color Schemes.