Interactive Tutorials on Color Science Basics


This is a set of interactive tutorials in the form of Web apps that help understand basic concepts in color science. These tutorials are originally developed for the Mobile Visual Computing course taught at University of Rochester by Yuhao Zhu. The idea of developing interactive tutorials is inspired by a similar effort from Marc Levoy and his students, but we use modern Web technologies and focus specifically on color science. It is the plan that new tutorials on more advanced concepts in color science will be added — when time permits. We welcome your contributions, too.

In many tutorials, some texts initially appear blank, indicating that their contents depend on the actions of the user, e.g., picking the primary lights. The visualization tools are designed with flexibility in mind. You, as a user, are invited to deviate away from the course of the tutorial to explore the unknowns.

Building a Color Space From Cone Fundamentals

Explore the linear transformation between a color space and the cone fundamentals.

Chromaticity, Gamut, and Imaginary Colors

Decouple the inherent attribute and the intensity from color. Understand the visible color gamut and imaginary colors.

Human Visual Gamut Boundary

Have you ever wonder how the boundary of the unbounded human visual gamut is generated?

XYZ Color Space

Explore the intuition of the CIE 1931 XYZ color space and its formation process.

Building a Color Cube

Build a RGB color cube. Explore its geometry and how it relates to the gamut of a color space.

Exploring Camera Color Space and Color Correction

Explore the color perception of cameras and understand how camera captured colors are calibrated.

Understanding Color Blindness

Explore the color perception under color blidnesses.