contrast()

You’re reading the English version of this content since no translation exists yet for this locale.Β Help us translate this article!

The contrast() CSS function adjusts the contrast of the input image. Its result is a <filter-function>.

Syntax

contrast(amount)

Parameters

amount
The contrast of the result, specified as a <number> or a <percentage>.Β A value under 100% decreases the contrast, while a value over 100% increases it. A value of 0% will create an image that is completely gray, while a value of 100% leaves the input unchanged. The lacuna value for interpolation is 1.

Examples

contrast(0)     /* Completely gray */
contrast(65%)   /* 65% contrast */
contrast(1)     /* No effect */
contrast(200%)  /* Double contrast */

See also