4 ms·

Author says that it can’t be represented with css, but I think HDR is supported in Safari within Display P3 I believe, you can give a value higher than 1.0? ht

by dagmx 3y ago

Author says that it can’t be represented with css, but I think HDR is supported in Safari within Display P3 I believe, you can give a value higher than 1.0? https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/ https://webkit.org/blog/10042/wide-gamut-color-in-css-with-d... I might be wrong however.

Kovah 3y ago
I was curious and tested this in Safari, but `color(display-p3 1.5 1.5 1.5)` displays the same white as `color(display-p3 1 1 1)` does.
phh 3y ago
"HDR" contains multiple components: - Electro-Optical Transfer Function. That's the famous "gamma" of the display which is no longer a gamma - color space (which real-life color does RGB = 100%, 0%, 0% match) - Absolute brightness. There are metadata in the video files that say that RGB=100%, 100%, 100% mean 2000cd/m2 (and gives the average frame brightness like 10%, which helps scales for displays not capable of 2000cd/m2 everywhere) - Increased bit depth Display-P3 is only the color space (and maybe the EOTF). This video uses the "absolute brightness" feature of HDR to increase brightness.