The Colorful Future of CSS
summary
Presents current CSS color syntaxes (hex, RGB, HSL) and introduces newer color spaces such as Lab, LCH, OKLab/OKLCH, HW, device-CMYK, Display P3, Rec.2020 and ProPhoto, plus the color() hook for custom ICC profiles. Demonstrates browser tooling (Safari gamut overlay), notes many ways to express the same color, and explains color-mix behavior across spaces, color-contrast returning the first WCAG-compliant option, and the relative color() syntax that exposes channels for native theming and accessible contrast without JavaScript or preprocessors.
AI-written summary · about
chapters (5)
- 0:00Introduction
- 2:39Current CSS color modes
- 8:00New CSS color formats
- 15:11Advanced color functions
- 22:09Relative colors and future








