[HN Gopher] Wide Gamut Color in CSS with Display-P3 ___________________________________________________________________ Wide Gamut Color in CSS with Display-P3 Author : chmaynard Score : 43 points Date : 2020-03-02 19:16 UTC (3 hours ago) (HTM) web link (webkit.org) (TXT) w3m dump (webkit.org) | teilo wrote: | So, does this gracefully degrade to sRGB? If so, how does one set | the rendering intent for degrading to sRGB? One needs to be able | to choose either relative colorimetric or perceptual (absolute | colorimetric and presentation are fairly uncommon), but which one | depends on the intent of the designer. | | Or is one expected to provide two different color values for | every element? That would be tedious. | duhi88 wrote: | Neat, but I find it hard to believe devs are going to reach for | this verbose format without a default fallback. | | hsl is a much nicer syntax for humans to describe color than rgb | channels. | | I'm sure there are good reasons under the hood, but why that | syntax over something like: | | ``` header { color: hsl(42, 70%, 50%); color: hsl(display-p3 42, | 70%, 50%); } ``` | jfkebwjsbx wrote: | What about giving colors in 16bpp in linear space instead? | | That covers way more displays and future ones, no? | Asooka wrote: | No, because this expands colours to ones that cannot be | expressed with sRGB, no matter if it's encoded as 16bit linear, | or with the sRGB transfer function. You cannot express a hue | outside the Rec.709 triangle, no matter how much precision you | add (1). | | Display-P3 uses points in CIE xyz space for its RGB channels | that are farther apart than sRGB, allowing it to express more | hues, which sRGB monitors and colours cannot. It's still not | the full spectrum humans can see, but it's much better. | | (1) technically you can, if you allow channel values to be | negative, but that breaks compositing. | VoxPelli wrote: | That just describes how precise of a value between 0 and 100% | for each Red, Green and Blue channel you can define, it doesn't | change what Red, Green and Blue a 100% actually represents. | | The color profile defines what your definition actually | represents and translates your 0-100% value to an actual color | on the display. | saagarjha wrote: | > There are also numerous devices that support Display-P3 color | space but currently have no browsers that support Display-P3 in | CSS | | I wonder if someone could build WebKit for them. | Sephr wrote: | This is nice, but can I use it with an HDR monitor without | forking over $7000 for an Apple Pro Display XDR? | | I haven't been able to confirm whether or not Mac OS Catalina | actually supports any third party HDR monitors over HDMI. | | I have the Asus PG27UQ 4K HDR monitor and my 2019 MacBook Pro | only outputs 4K 30Hz 8bpc over the official Apple HDMI | adapter[1], while my 2019 XPS 13 2-in-1 outputs 4K 60Hz 10bpc | over this same Apple adapter. | | [1] https://www.apple.com/shop/product/MUF82AM/A/usb-c- | digital-a... | TheCoreh wrote: | They mention the "LG UltraFine 5K Display" on the page, maybe | it's the only one supported? Maybe there's more | [deleted] | MBCook wrote: | I have some sort of Dell at home that I believe I tested and | works properly. | | But then again I'm using DisplayPort. I don't know why people | are so insistent on using HDMI and being surprised it doesn't | work as well. | Sephr wrote: | I save the DisplayPort port on this monitor for my Windows | desktop because Mac OS doesn't appear to output the 4K 98Hz | HDR that the Asus PG27UQ naively supports over DisplayPort | 1.4. | l33tbro wrote: | Catalina will support any HDR monitor. You would just need a | HDMI splitter and run it into your monitor. | | Alternatively, pop a Blackmagic Decklink 4k into a PCIe chasis | and run it out of one of the thunderbolt 3 ports. I do this on | my HDR OLED and it works nicely. | Sephr wrote: | Are you able to get a 4K HDR signal through the official | Apple HDMI adapter to your HDR OLED display, or only through | your Blackmagic Decklink 4K? | | I am using the official Apple HDMI adapter with the Asus | PG27UQ. | l33tbro wrote: | My Decklink Mini 4k was under $200 and does the job. | | I don't know about your Apple adapter. Were it not working, | then I would look at getting a HDCP splitter midway in the | chain. | VoxPelli wrote: | If someone needs to read up on color profiles: | https://bjango.com/articles/colourmanagementgamut/ | | Eg. important to configure ones design tools like Sketch and | Photoshop correctly so that it interprets RGB values as intended | rather than just in the current color profile ___________________________________________________________________ (page generated 2020-03-02 23:00 UTC)