CSS HD Gradients

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

%
%