Hue/Color not working

[PierrePetite]

Hey,

thanks for the great input and inspiration. Built also an 3D Floor Plan, but it seems that the hue reflection within the Plan is not working anymore. All lights are white. :-(

Any idea?

- type: image entity: light.hue_lightstrip_plus_1 tap_action: none hold_action: none state_image: 'on': https://i.imgur.com/5qy7fGd.png 'off': https://i.imgur.com/UC5LV2J.png unavailable: /local/first_floor_kitchen_lights_off.png style: filter: >- ${ "hue-rotate(" + (states['light.led_leiste_2'].attributes.hs_color ? states['light.led_leiste_2'].attributes.hs_color[0] : 0) + "deg)"} top: 50% left: 50% width: 100% mix-blend-mode: lighten background-color: rgba(255, 255, 255, 0.3)

[maxi1134]

Have you ever found a solution?

I am currently overlaying three RGB images in my version of this:

- entity: light.group_office_lights state_image: 'off': /local/images/interactive_plan/null.png 'on': >- ${states['light.group_office_lights'].state === "on" && states['light.group_office_lights'].hs_color !== null ? states['light.group_office_lights'].attributes.hs_color[1] > 0 ? '/local/images/interactive_plan/red_office.png' : '/local/images/interactive_plan/null.png' : '/local/images/interactive_plan/null.png'} style: left: 50% mix-blend-mode: lighten opacity: >- ${states["light.group_office_lights"].state === "on" ? states["light.group_office_lights"].attributes.rgb_color[0] > 252 ? states["light.group_office_lights"].attributes.brightness / 255 : states["light.group_office_lights"].attributes.rgb_color[0] / 255 : 1} top: 50% width: 100% type: image - entity: light.group_office_lights state_image: 'off': /local/images/interactive_plan/null.png 'on': >- ${states['light.group_office_lights'].state === "on" && states['light.group_office_lights'].hs_color !== null ? states['light.group_office_lights'].attributes.hs_color[1] > 0 ? '/local/images/interactive_plan/green_office.png' : '/local/images/interactive_plan/null.png' : '/local/images/interactive_plan/null.png'} style: left: 50% mix-blend-mode: lighten opacity: >- ${states["light.group_office_lights"].state === "on" ? states["light.group_office_lights"].attributes.rgb_color[1] > 252 ? states["light.group_office_lights"].attributes.brightness / 255 : states["light.group_office_lights"].attributes.rgb_color[1] / 255 : 1} top: 50% width: 100% type: image - entity: light.group_office_lights state_image: 'off': /local/images/interactive_plan/null.png 'on': >- ${states['light.group_office_lights'].state === "on" && states['light.group_office_lights'].hs_color !== null ? states['light.group_office_lights'].attributes.hs_color[1] > 0 ? '/local/images/interactive_plan/blue_office.png' : '/local/images/interactive_plan/null.png' : '/local/images/interactive_plan/null.png'} style: left: 50% mix-blend-mode: lighten opacity: >- ${states["light.group_office_lights"].state === "on" ? states["light.group_office_lights"].attributes.rgb_color[2] > 252 ? states["light.group_office_lights"].attributes.brightness / 255 : states["light.group_office_lights"].attributes.rgb_color[2] / 255 : 1} top: 50% width: 100% type: image

But would love to reduce the tablet's CPU usage by loading one image per room instead.