[FYI] All predefined color spaces can now be used for gradients

[Aaron Krajeski]

Display P3, Rec2020, ProPhoto RGB and a98 RGB are specified in CSS color 4 as predefined color spaces but had not yet been implemented as color spaces for interpolation:
https://www.w3.org/TR/css-color-4/#predefined

Recently the functionality was added to Skia and the interface added to Blink so as of M134 these four color spaces will be useable in gradients!

A demo: https://codepen.io/mysterydate/pen/azbzvqB

Please contact me with any concerns or questions, if not, enjoy gradients!
  Aaron

[Yoav Weiss (@Shopify)]

Hey Aaron, thanks for making the web more colorful!!

It seems like this added support has web-exposed implications - developers can start using these gradient color spaces where before they couldn't (as they wouldn't render as expected).

So I think this merits an intent to ship, to help us answer questions such as:

* Are there interop risks here? Would other browsers support this as well? (or maybe they already do)
* What do we expect developers to do in terms of feature detection or fallbacks?

Can you send an intent?

Cheers :)

Yoav

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/202158ce-c58c-46c2-9fe6-0612f80ec0b0n%40chromium.org.

[一丝]

Awesome, the Chrome DevTools color picker is already using this technique.

以上

一丝

Yoav Weiss (@Shopify) <yoav...@chromium.org> 于2025年2月21日周五 01:17写道：

To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAOmohSJ6Yp2rfPuqhHP0e8DOVdbnQ%3D6%2BjAqMkow6WLe25cOKBw%40mail.gmail.com.

[Aaron Krajeski]

An Intent to Ship has been sent!