Efficient Color
for Efficient Web Applications

Color is one of the most
effective visual attributes
for coding information in
displays and is capable,
when used correctly,
of achieving powerful
and memorable effects

A little color can be more effective than a lot

Slide 4

Slide 5

Slide 6

Outline

What is Color?

What is Color?

What is Color?

What is Color?

What is Color?

What and Where Subsystems

Outline

Two Great Western Traditions

Rational Tradition

Mystic (Artistic, Emotional) Tradition

Plato c. 380 BC

Newton 1672

Lambert 1760

Runge 1803

Goethe 1810

Goethe 1810

Chevreul 1839

Maxwell 1867

von Helmholtz 1859: Trichromatic color theory

Hering 1874

Munsell 1905

Retinal Neural
Interconnection

Neural Codes

Milestones

Nowdays

Outline

Antiquity

Middle Age

Leonardo 1510

Renaissance
Masters

Breakthrough in Realism circa 1430 (according to Hockney)

Rubens beg. of XVII century

Vermeer mid-XVII century

XIX century Romantic Painters: Eugène Delacroix

Impressionism

Post-Impressionism

Pointillism

Expressionism

De Stijl and Bauhaus

Post-Modernism

Photo-Mosaics,
Artistic Halftoning

“Layered” pointillism

Outline

Colorimetry: CIE Color Matching

CIE-XYZ Color Space

The Colors in the Chromaticity Diagram

Perceptually Uniform Space: MacAdam

CIE-LAB

Gamut Mapping

Gamut Mapping

Color Pickers: HLS

Device-Dependent
Color

Device-Independent
Color

Outline

Perceptual Phenomena Studied in Psychology & Neuroscience

The Mach effect

The Cornsweet effect

Summing and Subtracting Cone Signals

Color opponents wiring

Pointillism

Negative space

Simultaneous Color Contrast

Chromatic Adaptation

Crispening

Slide 72

Anchoring vs. Scaling

Slide 74

After-Image-white

After-Image

After-Image-white

Opponent Colors

Light Mixture

Physical color mixture

Spreading

Color Printing

Divisionism

Color blindness

What is Color?

Color blindness

Color blindness test (Ishihara)

Color blindness test (Ishihara)

Color blind impressions

Web-Safe Palette

Safe Web Colors for color-deficient vision

Safe Web Colors for color-deficient vision

Outline

Differential Filtering

Differential Filtering

Color Shadows

Chromatic Adaptation

Color Shadows

Perception of Space

Perception of Space

Perception of Depth

Perception of Depth

Perception of Motion

Perception of Motion

Chromatic and Achromatic Visual Acuity

Chromatic and Achromatic Visual Acuity

Conclusions

Selected Bibliography

Selected Bibliography

Selected Bibliography

Selected Bibliography

Selected Bibliography

Selected Bibliography

Selected Bibliography

Selected Bibliography

Thank You!