Display P3 · Zero Dependencies · Drop-in
Just a tiny
DX widget
Tune OKLCH values directly in the browser. Copy the results. Done.
Perceptual Lightness
A 50% lightness yellow and a 50% lightness blue look identical in brightness. That is the magic of OKLCH.
Display P3 Support
Push the Chroma slider to inject ultra-vibrant colors that were physically impossible to render with standard sRGB.
Plug and Play
A completely agnostic vanilla JavaScript tool. Drop it into React, Vue, or plain HTML without bloating your bundle.