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...