How to display the current color of the RGB tape on the floor plan

Share your Projects! Dashboards & Frontend
1

Hello. I am a new user. I am trying to create a floorplan with different light sources. I use lovelace for it.
I managed to create the effect of turning on the light in the room, but in some rooms I have a RGB tape under the ceiling and I don’t know how to display RGB color.
I use the Fibaro RGBW controller. How can I get the current color value and substitute it in the css styles?

2

Guys, help me please.
I have a piece of code in my ui-lovelace.yaml:

cards:
     - type: picture-elements
       image: /local/roomplan.jpg
       tap_action:
        action: toggle
       elements:
- type: image
         tap_action:
          action: toggle
         title: LED коридор
         entity: light.koridor_led_parent_41
         state_image: 
          "on": /local/led_hall.png
          "off": /local/transparent_square.png
         style:
          top: 68.4%
          left: 41.3%
          width: 38.6%
          height: 14.2%
          box-shadow: '0px 0px 8px 2px rgb(255,255,3) inset'

I would like to change the meaning rgb of the box-shadow.
I have object in my HA light.fibaro_rgbw_controll_44 and it has attribute rgb_color: 0,255,255.
Can I use it here box-shadow: ‘0px 0px 8px 2px rgb(255,255,3) inset’ ?
Maybe I should use javascript to change color?

image
image623×703 135 KB

3

I use this code, but havnt tried colors yet

1 Like
4

Thanks a lot. This works fine, but the fibaro rgbw controller has some problems with displaying color in Home assistant. I found a topic where people have similar problems.