Here's how you do that in CSS4!
For an image or video:
- https://github.com/ccameron-chromium/hdr-headroom-limit/blob...
- https://drafts.csswg.org/css-color-hdr/#controlling-dynamic-...
For a canvas element:
- https://github.com/w3c/ColorWeb-CG/blob/hdr_canvas_r2/hdr_ht...
Resource: https://www.w3.org/TR/mediaqueries-5/#dynamic-range