Summary

oklch oklch oklch oklch hsl hsl hsl hsl Lightness 50 You can do the same thing with color models like hsl , but as you can see above, the colors dont look uniform.In the example above, you can see that the oklch colors maintain consistent blueness across all of the shades, while in the hsl example, the lighter shades drift to purple and the darker ones muddy out towards grayish.

Title

oklch.fyi › Pick, convert and generate OKLCH colors

Description

Build palettes with consistent lightness and predictable shades, convert between formats, and explore gamut — all in OKLCH.

Keywords

color, colors, gamut, display, more, models, lightness, chroma, gradients, there, same, look, gray, model, supports, uniform, values

NS Lookup

A 216.150.16.193, A 216.150.16.1

Dates

Created 2026-08-11

Updated 2026-08-11

Summarized 2026-08-11