<dynamic-range-limit-mix>

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.

This is an experimental technology. The syntax and behavior are still subject to change.

/* Usage Example */
.hero-image {
  /* Experimental: Mixes HDR and standard range limits */
  dynamic-range-limit: dynamic-range-limit-mix(high 50%, standard 50%);
}
Limited availability Since 2020 69% global usage

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

136+
136+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC