Lightness and hue are fixed; chroma rises from 0 up to the slider’s value across the row.
Push the slider up and watch the right-hand swatches stop changing — that flat tail is
sRGB clipping, not a rendering bug.
@kurkle/color clips out-of-gamut oklch() colours to sRGB, the same way a browser
clips them when painting a <canvas>, rather than running the CSS gamut-mapping
algorithm a browser uses for color: oklch(...) on an element. Measured against
Chromium and Firefox, the canvas result matches this package, not the gamut-mapped one.
Ly8gPGJsb2NrOmNvbmZpZzowPgpjb25zdCBjb25maWcgPSB7CiAgbDogMC43NSwKICBoOiAxNDUsCiAgbWF4Q2hyb21hOiAwLjQsCiAgcmVuZGVyOiAoeyBsLCBoLCBtYXhDaHJvbWEgfSkgPT4gewogICAgY29uc3Qgc3RlcHMgPSA4CiAgICBjb25zdCBzd2F0Y2hlcyA9IFtdCiAgICBmb3IgKGxldCBpID0gMDsgaSA8IHN0ZXBzOyBpKyspIHsKICAgICAgY29uc3QgYyA9IChtYXhDaHJvbWEgKiBpKSAvIChzdGVwcyAtIDEpCiAgICAgIGNvbnN0IHJnYiA9IGNvbG9yLm9rbGNoUGFyc2UoYG9rbGNoKCR7bH0gJHtjfSAke2h9KWApCiAgICAgIHN3YXRjaGVzLnB1c2goeyBjc3M6IGNvbG9yLmhleFN0cmluZyhyZ2IpLCBsYWJlbDogYy50b0ZpeGVkKDIpIH0pCiAgICB9CiAgICByZXR1cm4gc3dhdGNoZXMKICB9LAp9Ci8vIDwvYmxvY2s6Y29uZmlnPgoKbW9kdWxlLmV4cG9ydHMgPSB7CiAgY29uZmlnLAogIGNob2ljZXM6IFt7IHBhdGg6ICdtYXhDaHJvbWEnLCBtaW46IDAuMSwgbWF4OiAwLjUsIHN0ZXA6IDAuMDEsIGxhYmVsOiAnTWF4IGNocm9tYScgfV0sCn0=