The Mihir Chronicles

Interaction Of Color

A journey from the fundamental physics of light to the psychological illusions of human perception. Inspired by the teachings of Josef Albers, explore how colors behave, interact, and fool our eyes.


Phase 01

Beginner: The Foundations

Before we can manipulate color, we must organize it. The color wheel is the most basic tool for understanding how human vision categorizes the spectrum of light. This section introduces the core vocabulary needed to communicate visual ideas.

Continuous HSL Spectrum

Anatomy of the Wheel

The standard color wheel maps the visible spectrum into a circle. By arranging colors this way, we can immediately see relationships and categories.

  • Primary Colors

    Red, Yellow, and Blue. In traditional art theory, these are the base pigments that cannot be created by mixing other colors.

  • Secondary Colors

    Green, Orange, and Purple. Formed by mixing equal parts of two primary colors.

  • Temperature

    The wheel can be split in half: Warm colors (Reds, Oranges, Yellows) advance towards the viewer, while Cool colors (Blues, Greens) recede into the background.


Phase 02

Intermediate: Dimensions of Color

Color is three-dimensional. While the color wheel shows us 'Hue', it misses 'Saturation' and 'Value'. By adjusting these three parameters (HSV), we can create millions of distinct colors. Use the laboratory below to dissect exactly how a digital color is built.

Definition:The spectral wavelength composition identifying the color family (e.g., Red, Blue-Green).

Role: Establishes the basic color identity and primary emotional valence.
180°
Definition: The degree of purity, richness, or grayness of a color; its intensity.

Role: Directs the viewer’s attention and establishes atmospheric perspective.
50%
Definition: The relative lightness or darkness of a color, measuring the amount of light reflected.

Role: Creates the illusion of form, depth, and three-dimensional space through chiaroscuro.
80%

RGB Data Output

Computational and Pigment-Based Models

The method of creating color differs fundamentally between light-based media (screens) and physical pigments (paint). Artists must bridge the gap between Additive (RGB) and Subtractive (CMYK) worlds. CMYK is used for printing, while RGB is used for digital displays.

Begins with black (absence of light). Adding red, green, and blue light creates white. Used for monitors and photography.

R + G = YellowG + B = CyanR + B = Magenta
60%

Phase 03

Advanced: The Relativity of Color

Josef Albers’ central premise was that color is constantly changing and is always seen in relation to its surroundings. This is the Law of Simultaneous Contrast.

He famously stated: “In visual perception a color is almost never seen as it really is—as it physically is. This fact makes color the most relative medium in art.” This section demonstrates Simultaneous Contrast, where a single color appears as two completely different colors based on its surroundings.

The Albers Illusion

Look at the two small center squares. To the human eye, the left square appears to be a light, warm brown, while the right square appears to be a darker, cooler gray. In reality, they are exactly the same physical color.

34°

Color Order & Systems

While the color wheel is useful, professional artists require precision and restraint. This is where systems like Munsell and techniques like Gamut Masking become essential tools for creating cohesive palettes.

The Munsell Model

Developed by Albert H. Munsell, this system specifies colors based on measured human visual responses across three dimensions: Hue, Value, and Saturation (Chroma).

Example Notation: 5R 4/12

  • 5R: Pure Red Hue
  • 4: Middle-dark Value
  • 12: Very high Chroma

Gamut Masking

A technique popularized by James Gurney where you define a geometric shape over the color wheel to physically limit your available palette. The colors falling inside the shape dictate the entire mood of the painting, guaranteeing atmospheric harmony because discordant colors are systematically excluded.

Only colors visible inside the polygon are allowed in the palette.