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 <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ECSS> 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) 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 <https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md> ? Yes, all tests in wpt/css/css-color/ <https://github.com/web-platform-tests/wpt/tree/master/css/css-color/parsing>As of this moment we pass 6594 out of 9702 <https://wpt.fyi/results/css/css-color?label=master&label=experimental&aligned> (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 <https://chromestatus.com/>. -- 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/219849c8-3e1c-4206-a23c-5db759a32fabn%40chromium.org.
