Maxwell's Color Experiment Revisited

Introduction

This project is about exploring James Clerk Maxwell's early color experiments. In this project, we try to give others an intuitive understanding to his experiment, and try to get a sense of the ingenious color matching experiment that he conducted.

Background

In 1993, Qasim Zaidi has written a commentary on Maxwell's 1860 paper which explained Maxwell's contribution and significance to the trichromatic theory which is often attributed to Helmholtz and Thomas Young.

Maxwell's original 1860 also explains his experiment with detail, but is hard to follow what is happening closely.

In this project, we try to re-explain and celebrate Maxwell's experiment but with in the style of interactive explainers in the spirit of Bartosz Ciechanowski, New York Times Interactive Stories, and 3Blue1Brown.

Methods

The webpage was written in Typescript and React.

In order to recreate Maxwell's the color matching experiment, we needed to work between different color spaces.

Specifically, the following process was followed:

1. Convert slit position to wavelength (nm)
2. Convert wavelength into XYZ values using CIE's Colorimetry Report (CIE COLORIMETRY Report - 3rd Edition - Table T.5. CIE 1964 standard colorimetric observer)
3. Add the weighted XYZ values from the 3 slit positions in XYZ space
4. Convert from XYZ to sRGB using a linear transformation
5. Apply gamma correction
6. Clip out of gamut colors
7. Render the rgb values in the webpage

Unfortunately since the actual color experiment with colors which are at the horse-shoe shaped border of the chromaticity diagram, many of the colors are out of gamut, so we are only able to create an illusion of the experiment. One adjustment we've made the interactive page to make the experiment more doable is to lower the value of the white of the target value from a pure white (255, 255, 255) to a color slightly more gray.

Results

Screenshot of the an interactive version of Maxwell's tool

Screenshot of the an interactive version of Maxwell's tool

The current version of the interactive website is available at: https://maxwell-color-experiment.vercel.app/

Koh is in the process of sophisticating the content over the winter break before opening up the website to the public. Any updates will also be reflected onto this Wikipedia page.

References

• Professor Bryan Wandell for all of of our discussions and enthusism around Maxwell's experiments, and guiding me through this project from start to finish.
• Commentary by Qasim Zaidi - Department of Psychology Columbia University New York. New York 10027
• CIE Colorimetry Report - 3rd Edition - Table T.5. CIE 1964 standard colorimetric observer
• XYZ to sRGB Conversion
• ChatGPT 4 for being my writing aide