Open Bug 1128204 Opened 7 years ago Updated 2 months ago

Implement color() function from CSS colors level 4

Categories

(Core :: CSS Parsing and Computation, enhancement, P3)

enhancement

Tracking

()

People

(Reporter: ntim, Unassigned)

References

(Blocks 10 open bugs, )

Details

(Keywords: dev-doc-needed, parity-safari)

The spec is probably too young, but this is really useful to have, especially the color adjustment functions that are really useful with CSS variables.

Spec : http://dev.w3.org/csswg/css-color-4/
Scoping this bug down to just the color() function, as we'll want to make individual decisions about different parts of the spec.
Summary: Implement CSS colors level 4 → Implement color() function from CSS colors level 4
See Also: → 947242
Apparently WebKit recently added support for color() syntax, and it will probably available in STP 18, around the end of November.

https://twitter.com/grorgwork/status/796809159119253505
I can take a look at this color() functions. (I think Bug 1352754 is the same as this one.)
(In reply to Boris Chiou [:boris] from comment #3)
> I can take a look at this color() functions. (I think Bug 1352754 is the
> same as this one.)

But I need to finish stylo CSS transition first, so please feel free to take this before I start to work.
Duplicate of this bug: 1352754
Looks like the color-adjustment functionality of color() has been removed from the spec.  color() is now just for specifying colors in a particular color space.

Webkit has added support for Display-P3 color back in 2016 for the CSS Color Module Level 4.
https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/
Does Mozilla also support this?

(In reply to Nomis101 from comment #7)

Webkit has added support for Display-P3 color back in 2016 for the CSS Color Module Level 4.
https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/
Does Mozilla also support this?

No. I think Mozilla doesn't support this yet (wpt.fyi, parser).

Priority: -- → P3
Assignee: nobody → boris.chiou
Type: defect → enhancement
Keywords: parity-safari

Unassign myself now because I'm not planning to do this in this half year.

Assignee: boris.chiou → nobody
See Also: → 1702365

The @color-profile part of the color() function was recently moved by CSSWG decision from CSS Color 4 to CSS Color 5.

So color() in CSS Color 4 is now just the predefined rgb spaces like display-p3, rec2020 and so on. It has been implemented in WebKit (and shipped in Safari 15, updating their previous minimal implementation which was display-p3 only).

Hopefully that change scopes it into a more achievable goal for Gecko?

Color modification (relative color syntax, color-mix()) is also in Color 5.

Blocks: 1745935
Blocks: 1745397
Blocks: 1746079
Blocks: 1746282
Blocks: 1748184
You need to log in before you can comment on or make changes to this bug.