saturate()

La fonction CSS saturate() permet d'accentuer ou de réduire la saturation d'une image. La valeur obtenue par cette fonction est une valeur de type <filter-function>.

Exemple interactif

Syntaxe

css
saturate(multiplicateur)

Paramètres

multiplicateur

L'intensité de la modification sous la forme d'un nombre (<number>) ou d'un pourcentage (<percentage>). Une valeur inférieure à 100% réduira la saturation et une valeur supérieure accentuera la saturation. Une valeur de 0% désaturera complètement l'image alors qu'une valeur de 100% laissera l'image inchangée. Lors d'une interpolation, la valeur par défaut est 1.

Exemples

Exemples de valeurs correctes pour saturate()

css
saturate(0);     /* Complètement sous-saturée */
saturate(.4);    /* Sous-saturée à 40% */
saturate(100%);  /* Aucun effet */
saturate(200%);  /* Saturation doublée */

Spécifications

Specification
Filter Effects Module Level 1
# funcdef-filter-saturate

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi