Color spaces
CAM02
(CIECAM02-UCS)
A color appearance model created in 2002 by the International Commission on Illumination (CIE). CAM02 is an improved model after its predecessor, CIECAM97s.
Examples
CAM02 is not available in CSS, but available to use in various color libraries (such as d3-cam02).
Cylindrical transformation
The cylindrical transformation of CAM02 uses properties Lightness, Chroma, and Hue.
How it affects UI design
Uniform color spaces are linear models of human vision. However, human perception is non-linear. Do not rely on these color spaces alone to create aesthetically balanced colors.
Color scales can be created by interpolation in various color spaces.
- Helpful tools:
- Chroma.js: https://gka.github.io/chroma.js/
- Color.js: https://colorjs.io
- D3 color: https://github.com/d3/d3-color
- Leonardo color: https://leonardocolor.io
Sources:
- Mark D. Fairchild (2013). Color Appearance Models. 3rd edition. John Wiley & Sons, Ltd.
- Connor Gramazio. CIECAM02 Color. https://gramaz.io/d3-cam02/
- MatPlotLib Perceptually Uniform Colormaps. . https://www.mathworks.com/matlabcentral/fileexchange/62729-matplotlib-perceptually-uniform-colormaps