HD Gradients
beta

xyz
oklch(75% .3 180deg)
L
C
H
A
Layer 1
°

HD Examples

Gradient CSS

:root { --hdr-gradient: linear-gradient( to right in oklab, oklch(70% 0.5 340) 0%, oklch(90% 0.5 200) 100% ); --sdr-gradient: linear-gradient(to right, #ff00fa 0%, #0ff 100%); background: var(--hdr-gradient); }

Color 0

%
%

Transition

%

Color 2

%
%