OKLCH 12-step lightness gradient
Adjust hue / chroma and the min–max lightness range. Optionally paste a HEX to extract hue+chroma and regenerate the ramp. Click a swatch to copy
HEX
+
OKLCH
.
Single hue
Multi hue
Anchor ramp
Auto
Light
Dark
Copy all (HEX)
Copy tokens (JSON)
Reset
Copied