Testing for wide gamut(bjango.com)

almost 2 years ago from Marc Edwards, Founder at Bjango

  • Marc EdwardsMarc Edwards, almost 2 years ago

    Thanks! You’re not missing anything. :)

    Yeah, Display P3 support on the web via CSS isn’t in a state where you can rely on it. It’s easy to create a fallback sRGB colour, but if you really want a colour to be Display P3, using an image is the most reliable option (colour spaces in PNGs have really good support across all modern browsers).

    That’s part of my motivation in writing the article and creating the action — colours that fall within sRGB can just use normal CSS colours, and things that fall outside sRGB can be special cased using a variety of available techniques.

    Exporting an image with a proper Display P3 profile is a bit tricky. As far as I’m aware, Photoshop, Affinity Designer, Affinity Photo and a few other apps can do it. I do not think Sketch and Figma can.

    1 point