dynamic-range-limit

The dynamic-range-limit CSS property specifies the maximum luminance allowed for High Dynamic Range (HDR) content.

The dynamic-range-limit property specifies the maximum luminance allowed in displays capable of displaying high dynamic range colors. A dynamic range is the difference in luminance (brightness) between the lightest and darkest parts of content. Dynamic range is measured in photographic stops, where an increase of one stop represents a doubling of the luminance.

Values: This property is specified as a single value from the following list:

Values: standard Specifies the maximum luminance as High Dynamic Range (HDR) reference white, which is the CSS color white. no-limit Specifies the maximum luminance as much greater than that of HDR reference white. The precise level is not specified. This is the initial value. constrained Specifies the maximum luminance as somewhat greater than that of HDR reference white, such that a mix of Standard Dynamic Range (SDR) and HDR content can be comfortably viewed together. The precise level is not specified. dynamic-range-limit-mix() Specifies the maximum luminance as a custom value that is a combination of the different keyword values proportionate to the provided percentages. It takes two or more pairs, each consisting of a dynamic-range-limit keyword or a nested dynamic-range-limit-mix() function and a percentage.

Syntax example: dynamic-range-limit: standard;