# Perspective - Image - Brightness/Contrast

**URL:** <https://forum.inductiveautomation.com/t/perspective-image-brightness-contrast/53847>\
**Category:** Ignition\
**Tags:** ignition80\
**Created:** [December 7, 2021, 5:30pm UTC](https://forum.inductiveautomation.com/t/perspective-image-brightness-contrast/53847 "2021-12-07T17:30:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [December 7, 2021, 5:30pm UTC](https://forum.inductiveautomation.com/t/perspective-image-brightness-contrast/53847/1 "2021-12-07T17:30:05Z")

</div>

8.1.12

Is there a way to be able to adjust brightness and contrast of an image in perspective ?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [December 8, 2021, 7:39am UTC](https://forum.inductiveautomation.com/t/perspective-image-brightness-contrast/53847/2 "2021-12-08T07:39:11Z")

</div>

yes with the style filter.

> **[filter - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/filter)**
>
> The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [December 8, 2021, 9:12am UTC](https://forum.inductiveautomation.com/t/perspective-image-brightness-contrast/53847/3 "2021-12-08T09:12:49Z")

</div>

I’ve never tried it but you could use an overlay and vary the transparency. Try a label the same size as the image and set the background fill to black or white and adjust the transparency to suit. Start with 50%.

Better again, use the theme styles and use, for example, `--neutral-30` which will follow the theme settings. See [https://docs.inductiveautomation.com/display/DOC81/Perspective+Built-In+Themes](https://docs.inductiveautomation.com/display/DOC81/Perspective+Built-In+Themes) for more. Create a slider or a dropdown in your application and bind it to `session.props.theme`. It adds coolness to your application with very little trouble - provided you don’t mess up by applying direct formatting to your components. Use the styles.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [December 8, 2021, 9:42am UTC](https://forum.inductiveautomation.com/t/perspective-image-brightness-contrast/53847/4 "2021-12-08T09:42:55Z")

</div>

@Transistor  
While thats possible, it’s a lot more work and less performant then adding in a filter style

you can use float where 1 = 100% or just use %

examples:

```auto
filter: brightness(0.4);
filter: contrast(200%);

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/f/5f25259f0eb128374fe47943d838c1f0ecca8ce4.jpeg)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [December 8, 2021, 11:29am UTC](https://forum.inductiveautomation.com/t/perspective-image-brightness-contrast/53847/5 "2021-12-08T11:29:37Z")

</div>

Cool. I hadn’t explored that.  
This is the way to go.