Adjust light color on floorplan

Configuration Frontend
1

Hi

I use the code below for the lighting on my floorplan. But, it doesn’t change color when I change it. Anyone have an idea what else I should do in this?

The code below works but does not change color

          - type: image
            entity: light.staande_lamp_licht
            style:
              left: 50%
              top: 50%
              width: 100%
              mix-blend-mode: lighten
              filter: >-
                ${ "hue-rotate(" +
                (states[‘light.staande_lamp_licht’].attributes.hs_color ?
                states[‘light.staande_lamp_licht’].attributes.hs_color[0] : 0) +
                "deg)"}
              opacity: >-
                ${states[‘light.staande_lamp_licht’].state === 'on' ?
                (states[‘light.staande_lamp_licht’].attributes.brightness / 255)
                : '0'}
            state_image:
              "on": /local/map/3D/flp/staandelamp.png
              "off": /local/map/3D/flp/basis.png
            tap_action:
              action: none
2

Means - the code does NOT work.
As expected since picture-elements card does not support templating.
Check card-mod ways.
Could be useful.

3

No, it dos work, but not showing the colors as i wish it would happen… Can you help me on my way, what do you mean with: Check card-mod ways?

4

Google for card-mod & there is a dedicated main card-mod thread here.
Besides, I already gave you a link for using card-mod inside picture-elements…