Skip to content

Features Documentation Colors Tools Playground News About

↑↓ navigate · ↵ open · esc close

Palette Harmonies Gradient Contrast Relative Vision sim Converter Names

Relative Color Lab

Explore CSS Color Module Level 5 relative color syntax by deriving lighter, darker, richer, and hue-shifted variants from a single source color.

Base color

Base channels

L 0.65

C 0.20

H 250.0

Transforms

Lighten 0.20

Darken 0.20

Saturate 1.5x

Spin 180deg

Source

oklch(0.65 0.20 250)

Lighten

Darken

Saturate

Spin hue

Invert lightness

// PHP equivalent appears here.

oklch(from var(--base) ...)