Wide Gamut Color in CSS with Display-P3

Re:Wide Gamut Color in CSS with Display-P3 by gardaani on Tuesday March 03, 2020 @04:11AM (#22472995)

This all gets interesting when mixing sRGB, Display-p3 or Lab colors in gradients and animations. There's an open issue about it at W3C: https://github.com/w3c/csswg-drafts/issues/4647

I think Safari currently fails to display such gradients.

[ Parent | on HN ]

Re:Wide Gamut Color in CSS with Display-P3 by NVI on Tuesday March 03, 2020 @09:20PM (#22480678)

I made an sRGB to Display-P3 gradient and it worked well for me in Safari: https://codepen.io/NV/pen/GRJvYzQ.

[ Parent | on HN ]

Re:Wide Gamut Color in CSS with Display-P3 by gardaani on Wednesday March 04, 2020 @01:34AM (#22481651)

You are right! I had tried it in SVG, where solid P3 works, but gradient P3 fails: https://jsfiddle.net/6pL12ct0/

[ Parent | on HN ]