# I want to change the image color according to the conditions in canvas

**URL:** https://discuss.elastic.co/t/i-want-to-change-the-image-color-according-to-the-conditions-in-canvas/208201
**Category:** Kibana
**Tags:** canvas
**Created:** [November 17, 2019, 6:25am UTC](https://discuss.elastic.co/t/i-want-to-change-the-image-color-according-to-the-conditions-in-canvas/208201 "2019-11-17T06:25:16Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![tims](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tims/32/46750_2.png) [@tims](https://discuss.elastic.co/u/tims)
#### Post date: [November 18, 2019, 3:34pm UTC](https://discuss.elastic.co/t/i-want-to-change-the-image-color-according-to-the-conditions-in-canvas/208201/2 "2019-11-18T15:34:02Z")

</div>

Hi @Yungyoung_Ok,

We have another forum post where @Catherine_Liu covers conditional coloring, let me know if this helps.

> [@Conditional colouring using kibana canvas expression editor](https://discuss.elastic.co/t/conditional-colouring-using-kibana-canvas-expression-editor/177929/5):
>
> Try this expression and see if the element looks right: filters | essql query="SELECT "system.load.1" AS LOAD FROM "metricbeat\*" WHERE metricset.module = 'system' AND metricset.name = 'load' AND beat.hostname LIKE 'XXXXXX%' AND "@timestamp" \<= NOW () LIMIT 1" | metric LOAD metricFont={font size=48 family="'Open Sans', Helvetica, Arial, sans-serif" color={if {lt 10} then="red" else="green"} align="center" lHeight=48} labelFont={font size=14 family="'Open Sans', Helvetica, Arial, sans-seri…

---

_[View the full topic](https://discuss.elastic.co/t/i-want-to-change-the-image-color-according-to-the-conditions-in-canvas/208201)._