Jen SimmonsI had not heard of the web technologies for making use of P3 color in CSS before I joined Apple. Over the last three months, I dived *deep*, getting to know so much about it all. Wow. There is so much possibility for color on the web. And web designers have not been taking advantage, even though it shipped in Safari 10! Over SIX YEARS AGO!!! 😱🤩🌈
Christian "Schepp" Schaefer@jensimmons I find them very intriguing! I'm also interested to see how they might influence, maybe even improve accessibility. It's still hard to make use of those new color spaces, though,as you need to have an end to end HDR capable toolchain (hardware and software, easier on Apple though). And then you also need to check how everything maps down to the still more common SDR contexts (maybe a new idea 💡 for devtools?)
@Schepp Safari 13.1 shipped tools to figure out how to manually map P3 color to sRGB, back in March 2020.
@Schepp HDR is not the same as P3. HDR video hardware often comes with P3 support — but P3 is for more than images/video. P3 is a color gamut, while HDR is high dynamic range (how many stops of light).
People also keep saying “HD color” when they mean P3, but that’s not it. HD video is defined by number of lines/pixels. It’s *always* in sRGB.
Conflating P3 color with HD/HDR is kind of like assuming HD video = 24p while SD video = 30p. Nope.
It’s called P3, or generically “wide gamut color”.
@jensimmons i think we both mean the same. I was indeed referring to the increased color ranges & higher precision in between colors compared to sRGB. Not increased peak brightness or increased pixel count. As for Safari's devtools, I'm one of those few Windows users amongst webdevs, so I'm not always aware of what's already in there. Great to hear, you've already thought of that! 👏✨