<dynamic-range-limit-mix> | CSS Types & Functions

An experimental function that allows you to mix different dynamic range limits (like SDR and HDR) to fine-tune how colors are displayed on high-brightness screens.

Quick example

.hero-image {
  /* Experimental: Mixes HDR and standard range limits */
  dynamic-range-limit: dynamic-range-limit-mix(high 50%, standard 50%);
}

<dynamic-range-limit-mix> Browser Support

Limited availability 69% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on MDN → View on webstatus.dev → View spec → Learn more about Baseline →

136+