The dynamic-range-limit property limits how far an element's content's peak luminance may exceed HDR reference white. Lets HDR content display at high brightness while preventing viewing discomfort when SDR and HDR content are mixed..hdr-video {
dynamic-range-limit: no-limit;
}.mixed-content {
dynamic-range-limit: dynamic-range-limit-mix(standard 50%, no-limit 50%);
}standardBrightest color matches HDR reference white (sRGB white) — no extended brightness range.no-limitPeak luminance substantially exceeds HDR reference white; precise level unspecified (default).constrainedPeak luminance moderately exceeds reference white — comfortable for mixed SDR and HDR content.dynamic-range-limit-mix()Mixes two or more dynamic-range-limit values with percentage weights. Computed result not numerically exposed for privacy.CSS Color HDR Module Level 1Editor's DraftW3CMDNShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
