# Tinting Babylon JS GUI Image

**URL:** https://forum.babylonjs.com/t/tinting-babylon-js-gui-image/3068
**Category:** Questions
**Tags:** gui
**Created:** [May 8, 2019, 2:57pm UTC](https://forum.babylonjs.com/t/tinting-babylon-js-gui-image/3068 "2019-05-08T14:57:34Z")
**Posts on this page:** 1
**Showing post:** 11

<div class="post-metadata">

### Author: ![Rah](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/rah/32/201_2.png) [@Rah](https://forum.babylonjs.com/u/Rah)
#### Post date: [June 5, 2019, 4:59pm UTC](https://forum.babylonjs.com/t/tinting-babylon-js-gui-image/3068/11 "2019-06-05T16:59:13Z")

</div>

you mean something like ? :

> **[Babylon.js Playground](https://www.babylonjs-playground.com/#XCPP9Y%231120)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

To elaborate on to why there might not be something like .alpha but with tinit  
changing the alpha of the image is on each colour, so .rgba, so red green blue alpha. Changing the a of each value would just be setting one variable for each colour in a image.

Where as adding a tint you would have to interpolate the grey and then add the colour on top of it. Er something like that.

Heres the thread i made on this a similar topic a while ago:

> [@GUI Health Bar Tests](https://forum.babylonjs.com/t/gui-health-bar-tests/334/16):
>
> Wow this is phenomenal! Thank you very much!!

---

_[View the full topic](https://forum.babylonjs.com/t/tinting-babylon-js-gui-image/3068)._