# How to change an object's color

**URL:** <https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582>\
**Category:** Ignition\
**Created:** [September 11, 2020, 1:26am UTC](https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582 "2020-09-11T01:26:12Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![moli501](https://avatars.discourse-cdn.com/v4/letter/m/3d9bf3/32.png) [@moli501](https://forum.inductiveautomation.com/u/moli501)\
**Post date:** [September 11, 2020, 1:26am UTC](https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582/1 "2020-09-11T01:26:12Z")

</div>

Hi All,  
I have many years of experience in other SCADA such as WinCC, Citect, iFix etc, but recently touched Ignition, I am struggling on a very simple function in other SCADA system, it’s how to change an object’s color, e.g, I has a pump in PLC, obviously SCADA graphic should has a pump symbol, which represent its running, stop, fault status by color Green, Red, Yellow respectively, but I cannot find a way how to change the symbol’s color accordingly, or 3 color objects overlay and use visibility to appear one of status, kindly advise  
My Ignition V8.016, trial license,

Thanks

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [September 11, 2020, 4:04am UTC](https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582/2 "2020-09-11T04:04:08Z")

</div>

It is simple. Just copy the symbol and put it overlay. Then make it union and change its color to transparent red for off mode and green for on mode.  
For more details you should watch university video.

---

<div class="post-metadata">

**Author:** ![zacht](https://avatars.discourse-cdn.com/v4/letter/z/ea5d25/32.png) [@zacht](https://forum.inductiveautomation.com/u/zacht)\
**Post date:** [September 11, 2020, 2:43pm UTC](https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582/3 "2020-09-11T14:43:43Z")

</div>

Vision or perspective?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [September 12, 2020, 2:23am UTC](https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582/4 "2020-09-12T02:23:27Z")

</div>

It is for vision. For perspective if you use svg you should see element property for it. Browse it and find the part you want to change color and find fill property and change the color as you wish.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [September 12, 2020, 9:06pm UTC](https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582/5 "2020-09-12T21:06:18Z")

</div>

For Vision, I’m not a fan of this method as you end up with washed out symbols. If colour blend modes were supported it would be a different story.  
I like to colour the SVG components directly using expression bindings with a cases statement to read the status tag value and then the cases to link to client tags that store colour values.

E.g.

```auto
case(tag({Root Container.DeviceTagPath} + '/Status Desc'), 
    , 'Stopped', {[Client]Styles/Colours/Devices/Stopped}
    ,... Etc
) 

```

Otherwise, you can use the style customiser but then you can’t use global colour definitions

---

<div class="post-metadata">

**Author:** ![moli501](https://avatars.discourse-cdn.com/v4/letter/m/3d9bf3/32.png) [@moli501](https://forum.inductiveautomation.com/u/moli501)\
**Post date:** [September 14, 2020, 1:50am UTC](https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582/6 "2020-09-14T01:50:47Z")

</div>

nader thank your advice,  
but I found some symbols in Ignition library there are only one color like gray, I can’t find other color like red and green, so no way to overlay multiple symbols to display individual as per linked tag,  
typically Valves and pumps run/stop status, they are only gray color symbols available

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [September 14, 2020, 6:28am UTC](https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582/7 "2020-09-14T06:28:13Z")

</div>

The symbol from Symbol Factory is just a group of objects. You can dive into the group and colour each component individually, or this is what Nader is talking about below.  
First duplicate the symbol group and then go to Shape-\>Union. This would flatten the symbol into a single component. You can then colour it with a slightly transparent colour e.g. green and overlay it on top of the original symbol.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/0/702f49082de76a66542f178f6f0c463e7b649adb.png)

---

<div class="post-metadata">

**Author:** ![moli501](https://avatars.discourse-cdn.com/v4/letter/m/3d9bf3/32.png) [@moli501](https://forum.inductiveautomation.com/u/moli501)\
**Post date:** [September 14, 2020, 8:54am UTC](https://forum.inductiveautomation.com/t/how-to-change-an-objects-color/38582/8 "2020-09-14T08:54:53Z")

</div>

Thanks nminchin  
got it!