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>.

Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !

saturate(multiplicateur)

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.

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

• <filter-function>