CSS Color Functions

CSS Color Functions — Modern CSS color: rgb(), hsl(), lab(), lch(), oklch(), color-mix(), and relative color syntax. The guide walks through Color Formats, color-mix(). `rgb(r g b / alpha)` — sRGB. `hsl(hue saturation lightness)` — intuitive adjustments. `lab(l a b)` — perceptually uniform. `lch(l c h)` — polar access of lab. `oklch` / `oklab` — improved uniform color space (widest gamut). `color(display-p3 r g b)` — wide gamut (newer displays). Relative colors: `oklch(from blue l c h)` — derive colors from existing. `color-mix(in oklch, blue, white 30%)` — mix colors with weight. Supported color spaces: srgb, oklch, lab, srgb-linear, display-p3. Use for: theme color variants, hover states, reducing palette size. No Sass required — mix colors directly in CSS. Combine with custom properties for dynamic theming. The guide is organized into 2 sections that build on each other, each pairing a prose explanation with real CSS you can use as-is.