Contrast

Use contrast utilities to control the contrast of an element. Values below 100 reduce contrast, and values above 100 increase it.

Basic example

Use utilities like contrast-50 and contrast-200 to control the contrast of an element:

Style('contrast-50 ...', child: Image.network('/img/mountains.jpg'))
Style('contrast-100 ...', child: Image.network('/img/mountains.jpg'))
Style('contrast-125 ...', child: Image.network('/img/mountains.jpg'))
Style('contrast-200 ...', child: Image.network('/img/mountains.jpg'))

Class reference

Class	Description
contrast-0	Set contrast to 0
contrast-50	Set contrast to 0.5
contrast-75	Set contrast to 0.75
contrast-90	Set contrast to 0.9
contrast-95	Set contrast to 0.95
contrast-100	Set contrast to 1
contrast-105	Set contrast to 1.05
contrast-110	Set contrast to 1.1
contrast-125	Set contrast to 1.25
contrast-150	Set contrast to 1.5
contrast-200	Set contrast to 2