CSS HDR Gradients

1 min read Original article ↗

xyz

oklch(75% .3 180deg)

L

C

H

A

°

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);
}