Add oklab() and oklch()

[Schweinepriester]

• https://drafts.csswg.org/css-color-4/#specifying-oklab-oklch
• [css-color] Add OKLab, OKLCH w3c/csswg-drafts#6642
• https://bottosson.github.io/posts/oklab/
• Test: https://wpt.fyi/results/css/css-color?label=master&label=experimental&aligned&q=ok
• Safari:
  • Shipped in TP 137: https://webkit.org/blog/12156/release-notes-for-safari-technology-preview-137/
  • https://trac.webkit.org/changeset/286191/webkit/
  • https://bugs.webkit.org/show_bug.cgi?id=233507
• https://twitter.com/LeaVerou/status/1473319461218406400 🎉

[jensimmons]

I believe this shipped in Safari 15.4 beta. Getting confirmation.

[ai]

PostCSS Preset Env is planning to add oklab support and this data on Can I Use will be very helpful csstools/postcss-plugins#225 (comment)

[verhovsky]

I'm able to use oklab() and oklch() on Safari 15.4 on macOS 12.3.1

[LifeIsStrange]

some of the reason why this is useful: https://news.ycombinator.com/item?id=31107643

[Schweinepriester]

Almost certainly coming via MDN, thanks to @ai! 🎉

• https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklab
• Add oklab() and oklch() mdn/browser-compat-data#16526
• Add OKLCH and OKLab functions to reference mdn/content#15033

[Schweinepriester]

Available now:

• https://caniuse.com/mdn-css_types_color_oklab
• https://caniuse.com/mdn-css_types_color_oklch

[jensimmons]

Why the warning labels?
"This feature is experimental. Use caution before using in production."

I don't believe this should be said of either. The CSSWG has written the spec. It's in a shippable state.

Of course web developers should take browser support into consideration. That's the whole purpose of Can I Use. They don't need to be told to think about browser support.

Warnings like these make it sound like this is a temporary or dangerous technology that will most likely change over and over before it's useable. And that is not at all true.

[ai]

@jensimmons I send PR to MDN with Experimental tag removal mdn/content#17502

If you have good reasons for removing Experimental warning, it will be a big help if you will write them there.

[Fyrd]

Closing as mentioned above, any further discussion necessary should happen on the MDN BCD side.