Maxwell's Color Experiment Revisited: Difference between revisions

From Psych 221 Image Systems Engineering
Jump to navigation Jump to search
No edit summary
No edit summary
Line 15: Line 15:


Specifically, the following process was followed:
Specifically, the following process was followed:
1. Convert slit position to wavelength (nm)
# 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)
# 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
# Add the weighted XYZ values from the 3 slit positions in XYZ space
4. Convert from XYZ to sRGB using a [https://en.wikipedia.org/wiki/SRGB#From_CIE_XYZ_to_sRGB linear transformation]
# Convert from XYZ to sRGB using a [https://en.wikipedia.org/wiki/SRGB#From_CIE_XYZ_to_sRGB linear transformation]
5. Apply gamma correction
# Apply gamma correction
6. Clip out of gamut colors
# Clip out of gamut colors
7. Render the rgb values in the webpage
# 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.  
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.  
Line 34: Line 34:




== Appendix ==
== References ==
- Professor Bryan Wandwell for all of of our discussions and enthusism around Maxwell's experiments, and guiding me through this project from start to finish.
- Professor Bryan Wandwell for all of of our discussions and enthusism around Maxwell's experiments, and guiding me through this project from start to finish.
- On the Theory of Compound Colours, and the Relations of the Colours of the Spectrum, By James Clerk Maxwell (1860), First published in Philosophical Transactions (1860)
- [https://onlinelibrary.wiley.com/doi/abs/10.1002/col.5080180411 Commentary by Qasim Zaidi - Department of Psychology Columbia University New York. New York 10027]
- Commentary by Qasim Zaidi - Department of Psychology Columbia University New York. New York 10027
- [https://cielab.xyz/pdf/cie.15.2004%20colorimetry.pdf CIE Colorimetry Report - 3rd Edition - Table T.5. CIE 1964 standard colorimetric observer]
- CIE COLORIMETRY Report - 3rd Edition - Table T.5. CIE 1964 standard colorimetric observer
- [https://en.wikipedia.org/wiki/SRGB#From_CIE_XYZ_to_sRGB XYZ to sRGB Conversion]
- XYZ to sRGS Conversion formula from Wikipedia
- ChatGPT for organizing my writing
- ChatGPT for organizing my writing

Revision as of 21:49, 18 December 2023

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 like Bartosz Ciechanowski and New York Times Interactive Stories.

Methods

The webpage was written in 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

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.

Conclusions

References

- Professor Bryan Wandwell 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 for organizing my writing