On 10/25/22 10:58 AM, 'Aaron Krajeski' via blink-dev wrote:
Gecko: Shipped/Shipping
(https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)
Is that the right link?
Mozilla hasn't published anything specific on implementing CSS color 4
but their documentation now lists all of the functions defined within
it. That link has entries for lab, lch and interpolation, for example.
The new functions are implemented in Firefox Nightly and that browser
is currently passing most of the tests on interop:
(Note that MDN documents many things that are not implemented in Firefox
- it's not intended to be browser-specific).
https://wpt.fyi/results/css/css-color?label=experimental&label=master&aligned
On Tue, Oct 25, 2022 at 4:49 AM Yoav Weiss <yoavwe...@chromium.org> wrote:
On Thursday, October 20, 2022 at 4:51:07 PM UTC+2 Aaron Krajeski wrote:
Contact emails
aaro...@chromium.org, fs...@chromium.org, ccame...@chromium.org,
futh...@chromium.org, juanm...@chromium.org
Explainer
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
Specification
https://www.w3.org/TR/css-color-4/
https://www.w3.org/TR/css-color-5/
Summary
Several new features are being added to CSS Colors from CSS Color Module Level
4:
1. New color types: lab, Oklab, lch, Oklch
2. color() function for specifying colors with predefined color spaces.
3. Ability to specify color spaces for animations and transitions.
4. Users can now specify color spaces for gradients.
Additionally the color-mix() function is being added from CSS Color Module
Level 5.
Blink component
Blink>CSS
TAG review
TAG review status
Not applicable
Risks
Interoperability and Compatibility
Interoperability is one of the major motivations for implementing these new features, as
"Color Spaces and Functions" is one of the categories emphasized in Interop
2022:
https://web.dev/interop-2022/
https://wpt.fyi/interop-2022
Active work is taking place to keep all major browser vendors synchronized by
collaborating on web platform tests and comparing results.
Gecko: Shipped/Shipping
(https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)
Is that the right link?
WebKit: Shipped/Shipping
(https://webkit.org/blog/6682/improving-color-on-the-web)
https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/
Web developers: Strongly positive Several partners (Adobe/Figma for example)
have expressed interest in the new color API.
Debuggability
Dev-tools team is currently working on implementing an improved color picker,
color space translation tool and others.
Will this feature be supported on all six Blink platforms (Windows, Mac, Linux,
Chrome OS, Android, and Android WebView)?
Yes
Is this feature fully tested by web-platform-tests?
Yes, all tests in wpt/css/css-color/
As of this moment we pass 6594 out of 9702 (Firefox passes 5729 and Safari
passes 7020), we intend to pass them all before shipping to stable.
Flag name
enable-experimental-web-platform-features
Requires code in //chrome?
False
Sample links
https://codepen.io/argyleink/pen/RwyOyeq
https://2021-hd-color-at-css-camp.netlify.app
Estimated milestones
We intend to turn these features on in Canary and Dev as soon as we pass the
remaining WPT tests and ship to stable for Chrome 110 in December.
Anticipated spec changes
The gamut mapping section of the spec
(https://www.w3.org/TR/css-color-4/#gamut-mapping) is not included here, and
will need changes or likely need to be dropped entirely as it is a performance
issue and is untested and unimplemented everywhere:
https://github.com/w3c/csswg-drafts/issues/7653
https://github.com/w3c/csswg-drafts/issues/7610
There are still some issues to be ironed out with resolving color-mix:
https://github.com/w3c/csswg-drafts/issues/7302
Link to entry on the Chrome Platform Status
https://chromestatus.com/feature/5147752829288448
This intent message was generated by Chrome Platform Status.
--
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+unsubscr...@chromium.org.
To view this discussion on the web visit
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/e17f7ecf-8604-bef8-9142-943dd57cbc21%40chromium.org.
