Interactive experiments

Practical color relations.

Small tools for seeing how colors behave together — from wavelength and the visible spectrum to color wheels, complements, and palette behavior.

Experiment 01

Spectrum vs color wheel

A spectrum arranges light by wavelength. A color wheel arranges perceived color relationships. They are related, but they are not the same map.

Shorter wavelengths Longer wavelengths
Ultraviolet
< 380 nm
Visible light
≈ 380–700 nm
Infrared
> 700 nm

Visible band

Only a small slice is visible

Human vision responds to a limited band of electromagnetic radiation, roughly 380 to 700 nanometers. Shorter ultraviolet and longer infrared wavelengths still exist, but they are outside normal human color vision.

Perceptual map

The wheel bends relationships

A color wheel connects red back to violet through purples and magentas. That bridge is perceptual: purple is a real experience, but not one single spectral wavelength.

Experiment 02

CMY vs RYB contrast proposal

Compare a digital CMY/RGB wheel with a painterly RYB wheel so proposed contrast colors and mapped same-color distances can be judged side by side.

RYB display

Lets RYB create its own equal-angle contrast proposal.

Wheel color mode

Uses vivid screen hues so the geometry and contrast spacing are easier to compare.

Wheel comparison

Complementary: two different contrast readings

Markers now appear directly on the wheels: the larger marker is the base color, and the smaller markers are the proposed contrast colors for the selected relation. The RYB wheel converts the same selected color into painter-wheel coordinates, so yellow-to-red movement occupies the larger RYB band. The wheel color mode can either isolate vivid hue geometry or use a primary-base approximation.

CMY / screen wheel

Digital contrast

Oppositions are calculated as equal angle distances on a screen-style hue wheel.

RYB / painter wheel

Painterly contrast

Oppositions are shown on a red-yellow-blue tradition, so the suggested contrast can shift.

CMY proposal

Base hsl(60 60% 50%)
+180° hsl(240 60% 50%)

RYB proposal

Base hsl(60 60% 50%)
+180° hsl(285 60% 50%)

Coming next

Small interactive experiments

03

Line of purples visualizer

Show how purple and magenta bridge red and violet without being single-wavelength colors.

04

Metamerism demo

Compare two matching colors that separate under different light-source assumptions.

05

Gamut clipping playground

Explore why vivid screen colors can shift or dull when translated to print or pigment approximations.

Color Lore · internal archive prototype · manual tags and final content to follow