Chromatic — OKLab vs Naive HSL

The same conceptual palette — N accent colors evenly spaced in hue — built two ways. On the left, a cyclic orbit constructed in perceptually-uniform OKLch and projected to HSL. On the right, a naive HSL hue-rotation. The distortion metrics quantify what your eyes are already telling you.

Colors 6

Lightness (OKLch L) 0.65

Chroma (OKLch C) 0.15

Start hue (°) 30

OKLch orbit → HSL perceptually uniform construction

Naive HSL hue-rotation even steps in HSL hue

Built on the Chromatic ES module API (Palette, group, project, distortionReport). Serve this directory over HTTP (e.g. npx serve) so the browser can load the native ES modules.