Color in CSS Or How I Learned to Disrespect Tennis
summary
Summarises concrete CSS features and gotchas: demonstrates OKLab and OKLCH as perception‑uniform spaces that fix a purple shift in LCH, shows browsers currently clip out‑of‑gamut colors instead of proper gamut‑mapping, uses the color picker at okc.com, exercises color-mix() and the generic color() function for Rec2020 P3 and srgb linear, compares gradients across color spaces, shows relative() channel extraction to transform legacy hex, and tests color fonts plus media features like color‑scheme light-dark and prefers‑reduced‑transparency. Also mentions a squash theme for slides.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 2:15CSS color theory excitement
- 4:20Early web color limits
- 10:23Gamut and color spaces
- 15:22HSL problems
- 17:32LAB and LCH spaces
- 22:54OKLAB and OKLCH fix
- 27:09color() function
- 30:41color-mix() function
- 33:12Relative color syntax
- 35:21Color fonts
- 37:51Dark mode
- 41:38Conclusion and call to experiment with CSS colors
