Modern CSS Colors

A utility-framework-style palette authored entirely in oklch(), plus oklab()/lab()/lch()/hsl()/hwb() and color-mix() opacity modifiers — all resolved to real PDF colors.

oklch() palette (constant lightness & chroma, hue sweep)

30°

75°

120°

165°

210°

255°

300°

345°

Other color spaces

oklab

lab

lch

hsl

hwb

color-mix() opacity modifiers (over a checkerboard)

100%

75%

50%

25%

color-mix() with a hex operand (Tailwind v4 opacity-modifier shape)

#2563eb/50

#e11d48/50

color-mix() blends

oklch mix

srgb mix

+black