CSS · At-rules, values and responsive design

Color functions

Create colours with channels, alpha or perceptual lightness. oklch() makes consistent palettes easier.

cssRunnable example css course

Syntax

rgb() / hsl() / oklch()

Example

Try it

.demo { background: oklch(0.93 0.05 240); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.