There are many options for manipulating images in Site Designer. Here, the top left image is the original. Then we show some effects of using 'grayscale', 'sepia' and 'invert' and some of them in combination. They are found on the Styles pane -> Effects tab, then right at the bottom 'Filters and Blend modes'. Depending on what kind of 'mood' you want for your images, some of these effects can be very useful and easy to create. You can also play with the other options found there, like opacity, contrast, hue rotation and more.
All the variations are collected in one component, but the various images have class names reflecting how they have been created.
This does not work in IE11.