Add inline previews also for oklch(), etc colors

[ai]

Recently @SomeoneToIgnore added inline color support for rgba() colors in CSS (thanks!).

It is popular but doesn’t cover all CSS.

With a little of work we can add other functions support like:

• oklch(), oklab()
• hsl()
• lch(),lab()
• color(display-p3)

Why we should support for instance oklch():

1. It is a modern way, which has many DX benefits like be able to tune color just by numbers. See this OKLCH guide.
2. It allows working with P3 colors on new HDR screens.
3. Tailwind also is based on top of OKLCH color.

Most of these color functions is just a matrix multiplication (for instance, math for OKLCH).

There is a question what to do for P3 and other over-sRGB colors. I think for this issue we can support only sRGB (if we don’t have HDR support in Zed video subsystem).

[imumesh18]

The Is this for color picker or showing the color swatch block for oklch? Afaik if the underlying lsp supports the oklch colors it will return the rgba for that and zed should be able to render it. Might need to verify but I believe the tailwindcss lsp should work. Also the pr didn’t added support for color picker just color swatch block.

sorry in advance if I understood the feature request completely wrong.

[ai]

I am talking only about color swatch block for oklch.

Adding color picker UI will be much-much harder (it requires an extra window with design and as oklch.com author, I could say that OKLCH color space rendering has some performance challenges). It is possible, but just have less result/resources balance.

[ai]

oklch() is already working

[tealsnow]

Not for me...