Generating Gradients using OKLCH colorspace

This tool allows you to generate a gradient using the OKLCH colorspace. You can control the hue, lightness, and chroma of the gradient. This tool is very useful in creative coding, where you want to generate a gradient that is perceptually uniform and also, easy to control with variables.

Each of the hue, lightness, and chroma sliders have a DC offset, amplitude, frequency, and phase. You can use these to generate a wide range of gradients. The formula for different waves is: h(x) = amp * sin(freq * x + phase) + dc, where x varies from 0 to 1. The lines below allow you to visualize how the waves look like and what the resulting gradient would be for different parameters of each wave.

Hue

Lightness

Chroma

loading graph...