MapCSS

Filter

Saturate

Utilities for applying saturation filters to an element.

Basic usage

Changing element saturation

Use the saturate-{amount} utilities to control an element's saturation.

saturate-50

saturate-100

saturate-150

saturate-200

<div className="**saturate-50** ...">
  <!-- ... -->
</div>
<div className="**saturate-100** ...">
  <!-- ... -->
</div>
<div className="**saturate-150** ...">
  <!-- ... -->
</div>
<div className="**saturate-200** ...">
  <!-- ... -->
</div>