5 ms·

> The following color spaces offer access to larger gamuts than sRGB. The display-p3 color space offers almost twice as many colors as RGB, while Rec2020 offers

> The following color spaces offer access to larger gamuts than sRGB. The display-p3 color space offers almost twice as many colors as RGB, while Rec2020 offers almost twice as many as display-p3. That's a lot of colors! Are there any stats on how many people have devices that support these color spaces? Guessing you're not going to get a lot of brands picking p3 colors until it's widely supported by devices in general usage?

lucideer 3y ago
p3 has been the default for Apple desktop & mobile displays since 2017 (iPhone 7 era). Other device manufacturers are more likely to have lagged on that but I would imagine a fair number would have added support since. Also, within CSS & browsers at least, the colours gracefully degrade based on the hardware, so using p3 in a supported browser is not going to look terrible on hardware without p3 support.
- seanwilson 3y ago
  Is it fair to say the adoption rate in web design has been low? This is due to device, browser and tooling support or something else? My general feeling working with designers and web developers is most aren't aware of p3. Figma only got p3 support around 9 months ago I think and Chrome around 1 year ago.
  - lucideer 3y ago
    I'd imagine it's largely just due to a combination of inertia & ignorance (though the lack of clarity around display support is almost certainly a factor too). Apple made a song & dance about it 7 years ago but releases of supporting displays since have been relatively low-key & I'm not aware of any online reference table tracking them - so my guess that support is broad is just that, a guess. I know Samsung & OnePlus phones have it & I assume Pixels (not checked), but laptop adoption could be much lower.
- Uehreka 3y ago
  > the colours gracefully degrade based on the hardware, so using p3 in a supported browser is not going to look terrible on hardware without p3 support. I feel like it makes it difficult for a brand to decide to rebrand themselves using P3 colors if it means their brand colors will be wrong on many people’s displays.
  - CharlesW 3y ago
    > I feel like it makes it difficult for a brand to decide to rebrand themselves using P3 colors if it means their brand colors will be wrong on many people’s displays. Only if the colors they choose fall outside the sRGB gamut. And if they do, the brand can specify colors for both gamuts. .brand-color { /* Fallback for browsers that don't support color-gamut media query */ background-color: rgb(0, 122, 255); /* sRGB version */ /* For browsers that support wide gamut but without color-gamut media query */ background-color: color(display-p3 0 0.478 1); /* Display P3 version */ @media (color-gamut: p3) { /* For browsers that support Display P3 with color-gamut media query */ background-color: color(display-p3 0 0.478 1); /* Display P3 version */ } } FWIW, this is a fairly common thing to have to handle. For example, many brands use colors that can't be perfectly reproduced on paper, t-shirts, etc.
- karaterobot 3y ago
  Apple devices (both web and mobile together) are about 23% of web users, even assuming 100% of them are from after 2017. I think you're right that there are quite a few non-Apple displays that support P3, but I can't find stats on how many web users that translates to. I assume it's 50% or less though.
  - lucideer 3y ago
    Apple is 23% worldwide, but if a brand is looking at specific markets, it can be as high as 40%+ (US). As for p3 adoption outside of Apple-land, you're right there's no good stats but I'd wager they're higher than you're making out. 62% of the (global) market is mobile (average replacement cycle is ~2.5 years so most will be a bit newer than 2017). Samsung have adopted p3 & are 24% of global share alone. Desktop is going to be your smallest share but even there ASUS are selling DCI-P3 laptops for $500. And the growing gamer demographic are going to be investing in their screens after they're done paying for their RTX...

lucideer 3y ago

p3 has been the default for Apple desktop & mobile displays since 2017 (iPhone 7 era). Other device manufacturers are more likely to have lagged on that but I would imagine a fair number would have added support since. Also, within CSS & browsers at least, the colours gracefully degrade based on the hardware, so using p3 in a supported browser is not going to look terrible on hardware without p3 support.

seanwilson 3y ago
Is it fair to say the adoption rate in web design has been low? This is due to device, browser and tooling support or something else? My general feeling working with designers and web developers is most aren't aware of p3. Figma only got p3 support around 9 months ago I think and Chrome around 1 year ago.
- lucideer 3y ago
  I'd imagine it's largely just due to a combination of inertia & ignorance (though the lack of clarity around display support is almost certainly a factor too). Apple made a song & dance about it 7 years ago but releases of supporting displays since have been relatively low-key & I'm not aware of any online reference table tracking them - so my guess that support is broad is just that, a guess. I know Samsung & OnePlus phones have it & I assume Pixels (not checked), but laptop adoption could be much lower.
Uehreka 3y ago
> the colours gracefully degrade based on the hardware, so using p3 in a supported browser is not going to look terrible on hardware without p3 support. I feel like it makes it difficult for a brand to decide to rebrand themselves using P3 colors if it means their brand colors will be wrong on many people’s displays.
- CharlesW 3y ago
  > I feel like it makes it difficult for a brand to decide to rebrand themselves using P3 colors if it means their brand colors will be wrong on many people’s displays. Only if the colors they choose fall outside the sRGB gamut. And if they do, the brand can specify colors for both gamuts. .brand-color { /* Fallback for browsers that don't support color-gamut media query */ background-color: rgb(0, 122, 255); /* sRGB version */ /* For browsers that support wide gamut but without color-gamut media query */ background-color: color(display-p3 0 0.478 1); /* Display P3 version */ @media (color-gamut: p3) { /* For browsers that support Display P3 with color-gamut media query */ background-color: color(display-p3 0 0.478 1); /* Display P3 version */ } } FWIW, this is a fairly common thing to have to handle. For example, many brands use colors that can't be perfectly reproduced on paper, t-shirts, etc.
karaterobot 3y ago
Apple devices (both web and mobile together) are about 23% of web users, even assuming 100% of them are from after 2017. I think you're right that there are quite a few non-Apple displays that support P3, but I can't find stats on how many web users that translates to. I assume it's 50% or less though.
- lucideer 3y ago
  Apple is 23% worldwide, but if a brand is looking at specific markets, it can be as high as 40%+ (US). As for p3 adoption outside of Apple-land, you're right there's no good stats but I'd wager they're higher than you're making out. 62% of the (global) market is mobile (average replacement cycle is ~2.5 years so most will be a bit newer than 2017). Samsung have adopted p3 & are 24% of global share alone. Desktop is going to be your smallest share but even there ASUS are selling DCI-P3 laptops for $500. And the growing gamer demographic are going to be investing in their screens after they're done paying for their RTX...