The Chroma Zone Engineering Color on the Web
summary
Explains how screens use 24‑bit pixels and RGB subpixels and shows the math: eight bits per channel, RGB as a cube, HSL as more intuitive but not perceptually uniform, Lab as closer to human vision, and the relative luminance formula used in WCAG and CSS Color Level 4 for contrast checks. Demonstrates alpha blending and the premultiplied alpha bug in gradients, ships a JavaScript color class and a color‑guessing game, and shows polyfills for new features like the color() function and hwb.
AI-written summary · about
chapters (9)
- 0:00Start
- 15:39CSS 21 colors
- 27:30Relative luminance
- 29:09Color contrast
- 30:38Alpha blending
- 33:36Color interpolation
- 36:03CSS 3 colors
- 37:55tint & shade in SASS
- 38:49Parse any supported CSS color
