Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Colorpicker für dicke Finger

    NEWS

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    Colorpicker für dicke Finger

    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      Supermicha last edited by

      leg doch ein image über den Mittelteil den du nicht brauchst... 😊
      oder sinnvollerweise vielleicht einen Ein/Aus-Button
      oder ein paar Preset-Buttons mit Lieblingstönen...

      a200 1 Reply Last reply Reply Quote 0
      • a200
        a200 @Supermicha last edited by a200

        @supermicha Hab ich gemacht. Der Tipp mit dem Colorpicker von @liv-in-sky war Gold wert.

        Das Feld mit dem LED-Stripe ist der "Schalter". Sind die LEDs an, dann zeigt die Farbe um den Schalter herum die aktuelle Farbe an.

        004.png LED ist an

        005.png LED ist aus

        Wird der Schalter angeklickt erscheint ein Dialog:

        001.png Farbring: Farbauswahl
        Innerer Ring: Helligkeit. Dabei wird die jeweils aktuelle Farbe verwendet.
        Kleiner Kreis: Ein/Aus Knopf

        Screenshot 2022-02-02 133247.png Gesamteindruck

        Meine einzige Sorge ist, wenn der Colorpicker in der Mitte, also das verdeckte Viereck, einen falschen Wert erhält, dann habe ich kaum eine Möglichkeit diesen zu ändern. Da muss ich mir noch was einfallen lassen.

        H 1 Reply Last reply Reply Quote 0
        • CrunkFX
          CrunkFX Forum Testing last edited by CrunkFX

          Wo wir gerade bei coolen Colorpickern sind, möchte ich euch den hier nicht vorenthalten, gerade auf einem Wandtablet ist ein runder Colorpicker nicht wirklich ergonomisch:
          33b5c00b-8716-4005-b5a9-beba28fa3b09-image.png
          Dieser besteht aus einem vis-materialdesign Slider mit dem RGB als hintergrund:

          [{"tpl":"_tplGroup","data":{"members":["w00957","w00958"],"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","attrCount":"1","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"attrName1":"Objekt-ID","attrType1":"id","groupAttr1":"0_userdata.0.Vis_Slider.Slider_8"},"style":{"top":"144px","left":"13px","width":"804px","height":"25px","z-index":"10"},"widgetSet":null},{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"data:image/png;base64,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"},"style":{"left":"0%","top":"0%","width":"97.89%","height":"100%","border-radius":"5px","box-shadow":"1","z-index":"10"},"widgetSet":"basic","grouped":true,"groupName":"w00957"},{"tpl":"tplVis-materialdesign-Vuetify-Slider","data":{"oid":"groupAttr1","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","orientation":"horizontal","knobSize":"knobBig","step":"1","vibrateOnMobilDevices":"50","showTicks":"yes","tickTextColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.tick;dark:vis-materialdesign.0.colors.dark.slider.tick; mode === \"true\" ? dark : light}","tickFontFamily":"{vis-materialdesign.0.fonts.slider.ticks}","tickFontSize":"{vis-materialdesign.0.fontSizes.slider.ticks}","tickColorBefore":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.tick_before;dark:vis-materialdesign.0.colors.dark.slider.tick_before; mode === \"true\" ? dark : light}","tickColorAfter":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.tick_after;dark:vis-materialdesign.0.colors.dark.slider.tick_after; mode === \"true\" ? dark : light}","colorBeforeThumb":"#c2c2c200","colorThumb":"#21212100","colorAfterThumb":"#21212100","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"g_thumbLabelLayout":true,"showThumbLabel":"always","thumbBackgroundColor":"#ffffff","thumbFontColor":"","thumbFontSize":"0","thumbFontFamily":"{vis-materialdesign.0.fonts.slider.control}","g_label":true,"prepandTextColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.text_prepand;dark:vis-materialdesign.0.colors.dark.slider.text_prepand; mode === \"true\" ? dark : light}","prepandTextFontSize":"{vis-materialdesign.0.fontSizes.slider.prepand}","prepandTextFontFamily":"{vis-materialdesign.0.fonts.slider.prepand}","showValueLabel":false,"valueLabelStyle":"sliderValue","valueFontFamily":"{vis-materialdesign.0.fonts.slider.value}","valueFontSize":"{vis-materialdesign.0.fontSizes.slider.value}","valueLabelColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.text;dark:vis-materialdesign.0.colors.dark.slider.text; mode === \"true\" ? dark : light}","valueLabelWidth":"50","reverseSlider":false,"thumbSize":"15","readOnly":false,"useLabelRules":false,"min":"0","max":"1530"},"style":{"left":"1.12%","top":"0%","width":"98.88%","height":"100%","z-index":"11","font-size":"xx-small"},"widgetSet":"materialdesign","grouped":true,"groupName":"w00958"}]
          

          Der Wert zwischen 1 und 1530 wird anschließend in einen Datenpunkt geschrieben und von einem kleinen Node-Red Flow ausgewertet:

          [
              {
                  "id": "999a393e.f3ecd8",
                  "type": "ioBroker in",
                  "z": "2faf5f0b.6de9e",
                  "name": "",
                  "topic": "0_userdata.0.Vis_Slider.Slider_2",
                  "payloadType": "value",
                  "onlyack": "",
                  "func": "all",
                  "gap": "",
                  "fireOnStart": "false",
                  "x": 170,
                  "y": 280,
                  "wires": [
                      [
                          "6f338ec1.c7fef8"
                      ]
                  ]
              },
              {
                  "id": "6f338ec1.c7fef8",
                  "type": "function",
                  "z": "2faf5f0b.6de9e",
                  "name": "",
                  "func": "msg.payload = parseInt(msg.payload)\nreturn msg;",
                  "outputs": 1,
                  "noerr": 0,
                  "initialize": "",
                  "finalize": "",
                  "libs": [],
                  "x": 430,
                  "y": 280,
                  "wires": [
                      [
                          "e9164d83.21a128",
                          "f5eeab30.337e28",
                          "2d3e7fc0.bbffd8"
                      ]
                  ]
              },
              {
                  "id": "f5eeab30.337e28",
                  "type": "function",
                  "z": "2faf5f0b.6de9e",
                  "name": "G",
                  "func": "if(msg.payload < 256){\n    \nmsg.out = msg.payload\n\n}\n\nif(msg.payload >= 256 && msg.payload < 512){\n    \nmsg.out = 255\n\n}\n\nif(msg.payload >= 512 && msg.payload < 766){\n    \nmsg.out = 255\n}\n\nif(msg.payload >= 1020 ){\n    \nmsg.out = 0\n}\n\nif(msg.payload >= 766 && msg.payload < 1020){\n    \nmsg.out = 255 - (msg.payload-765)\n    \n}\nreturn msg;",
                  "outputs": 1,
                  "noerr": 0,
                  "initialize": "",
                  "finalize": "",
                  "x": 600,
                  "y": 280,
                  "wires": [
                      [
                          "fa96e0aa.7c"
                      ]
                  ]
              },
              {
                  "id": "e9164d83.21a128",
                  "type": "function",
                  "z": "2faf5f0b.6de9e",
                  "name": "R",
                  "func": "if(msg.payload >= 256 && msg.payload <= 510){\n    \nmsg.out = 255 - (msg.payload-255)\n\n}\n\nif(msg.payload >= 1021 && msg.payload <= 1275){\n    \nmsg.out = (msg.payload-1020)\n\n}\n\nif(msg.payload < 256){\n\n    msg.out = 255\n}\n\nif(msg.payload > 1275){\n\n    msg.out = 255\n}\n\nif(msg.payload > 510 && msg.payload < 1021){\n    \nmsg.out = 0\n}\n\n\nreturn msg;",
                  "outputs": 1,
                  "noerr": 0,
                  "initialize": "",
                  "finalize": "",
                  "libs": [],
                  "x": 600,
                  "y": 240,
                  "wires": [
                      [
                          "60867af.c83e284"
                      ]
                  ]
              },
              {
                  "id": "2d3e7fc0.bbffd8",
                  "type": "function",
                  "z": "2faf5f0b.6de9e",
                  "name": "B",
                  "func": "if(msg.payload >= 511 && msg.payload < 765){\n    \nmsg.out = (msg.payload-510)\n}\n\nif(msg.payload > 1275 ){\n    \nmsg.out = 255- (msg.payload-1275)\n}\n\nif(msg.payload < 511 ){\n    \nmsg.out = 0\n}\n\nif(msg.payload >= 765 && msg.payload <= 1275){\n    \nmsg.out = 255\n    \n}\nreturn msg;",
                  "outputs": 1,
                  "noerr": 0,
                  "initialize": "",
                  "finalize": "",
                  "x": 600,
                  "y": 320,
                  "wires": [
                      [
                          "2f6c8bba.750a44"
                      ]
                  ]
              },
              {
                  "id": "60867af.c83e284",
                  "type": "change",
                  "z": "2faf5f0b.6de9e",
                  "name": "",
                  "rules": [
                      {
                          "t": "move",
                          "p": "out",
                          "pt": "msg",
                          "to": "payload",
                          "tot": "msg"
                      }
                  ],
                  "action": "",
                  "property": "",
                  "from": "",
                  "to": "",
                  "reg": false,
                  "x": 750,
                  "y": 240,
                  "wires": [
                      [
                          "7eae1821.3959c8"
                      ]
                  ]
              },
              {
                  "id": "fa96e0aa.7c",
                  "type": "change",
                  "z": "2faf5f0b.6de9e",
                  "name": "",
                  "rules": [
                      {
                          "t": "move",
                          "p": "out",
                          "pt": "msg",
                          "to": "payload",
                          "tot": "msg"
                      }
                  ],
                  "action": "",
                  "property": "",
                  "from": "",
                  "to": "",
                  "reg": false,
                  "x": 750,
                  "y": 280,
                  "wires": [
                      [
                          "71029cdb.259004"
                      ]
                  ]
              },
              {
                  "id": "2f6c8bba.750a44",
                  "type": "change",
                  "z": "2faf5f0b.6de9e",
                  "name": "",
                  "rules": [
                      {
                          "t": "move",
                          "p": "out",
                          "pt": "msg",
                          "to": "payload",
                          "tot": "msg"
                      }
                  ],
                  "action": "",
                  "property": "",
                  "from": "",
                  "to": "",
                  "reg": false,
                  "x": 750,
                  "y": 320,
                  "wires": [
                      [
                          "270602f.2d91d7e"
                      ]
                  ]
              },
              {
                  "id": "7eae1821.3959c8",
                  "type": "ioBroker out",
                  "z": "2faf5f0b.6de9e",
                  "name": "Herrenplätze Rot",
                  "topic": "hue.0.Herrenplätze.r",
                  "ack": "false",
                  "autoCreate": "false",
                  "stateName": "",
                  "role": "",
                  "payloadType": "",
                  "readonly": "",
                  "stateUnit": "",
                  "stateMin": "",
                  "stateMax": "",
                  "x": 940,
                  "y": 240,
                  "wires": []
              },
              {
                  "id": "71029cdb.259004",
                  "type": "ioBroker out",
                  "z": "2faf5f0b.6de9e",
                  "name": "Herrenplätze Grün",
                  "topic": "hue.0.Herrenplätze.g",
                  "ack": "false",
                  "autoCreate": "false",
                  "stateName": "",
                  "role": "",
                  "payloadType": "",
                  "readonly": "",
                  "stateUnit": "",
                  "stateMin": "",
                  "stateMax": "",
                  "x": 940,
                  "y": 280,
                  "wires": []
              },
              {
                  "id": "270602f.2d91d7e",
                  "type": "ioBroker out",
                  "z": "2faf5f0b.6de9e",
                  "name": "Herrenplätze Blau",
                  "topic": "hue.0.Herrenplätze.b",
                  "ack": "false",
                  "autoCreate": "false",
                  "stateName": "",
                  "role": "",
                  "payloadType": "",
                  "readonly": "",
                  "stateUnit": "",
                  "stateMin": "",
                  "stateMax": "",
                  "x": 940,
                  "y": 320,
                  "wires": []
              }
          ]
          

          Da hier nur JS verwendet wird kann das auch im JS Adapter passieren.

          1 Reply Last reply Reply Quote 0
          • H
            hipohop @a200 last edited by

            @a200
            Tolle Lösung! Wärest du bereit den Code davon zu teilen?

            a200 1 Reply Last reply Reply Quote 0
            • a200
              a200 @hipohop last edited by a200

              @hipohop Klar.

              Die verwendeten Datenpunkte sind:
              esphome.0.E8DB84E3AF1D.Light.801952849.brightness - Hier wird die Helligkeit (0-255) gesetzt.
              esphome.0.E8DB84E3AF1D.Light.801952849.state - Hier wird der Zustand abgefragt: true/false (ist an/ist aus)
              esphome.0.E8DB84E3AF1D.Switch.647169867.state - Hier schalte ich die LEDs: true/false (ein/aus)
              esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX - Hier setze ich die Farbe (RGB)

              Diese Datenpunkte kommen öfter vor und müssen überall durch deine DP ersetzt werden. Am besten im Editor mit cut/paste.

              Wegen der Besonderheit von ESPhome muss ich den neuen Zustand in einem anderen DP setzen, als ich den auslese. Normalerweise dürften das aber die gleichen DP sein.

              Melde dich, wenn du Fragen hast.

              View:

              {
               "settings": {
                 "style": {
                   "background_class": "hq-background-carbon-fibre",
                   "background": ""
                 },
                 "theme": "redmond",
                 "sizex": "",
                 "sizey": "",
                 "gridSize": "",
                 "snapType": null,
                 "useBackground": true
               },
               "widgets": {
                 "e00001": {
                   "tpl": "tplHqCircle",
                   "data": {
                     "g_fixed": false,
                     "g_visibility": false,
                     "g_css_font_text": false,
                     "g_css_background": false,
                     "g_css_shadow_padding": false,
                     "g_css_border": false,
                     "g_gestures": false,
                     "g_signals": false,
                     "g_last_change": false,
                     "visibility-cond": "==",
                     "visibility-val": 1,
                     "visibility-groups-action": "hide",
                     "oid": "esphome.0.E8DB84E3AF1D.Light.801952849.brightness",
                     "min": "10",
                     "max": "250",
                     "digits": "0",
                     "step": "10",
                     "is_comma": false,
                     "displayPrevious": "true",
                     "signals-cond-0": "==",
                     "signals-val-0": true,
                     "signals-icon-0": "/vis/signals/lowbattery.png",
                     "signals-icon-size-0": 0,
                     "signals-blink-0": false,
                     "signals-horz-0": 0,
                     "signals-vert-0": 0,
                     "signals-hide-edit-0": false,
                     "signals-cond-1": "==",
                     "signals-val-1": true,
                     "signals-icon-1": "/vis/signals/lowbattery.png",
                     "signals-icon-size-1": 0,
                     "signals-blink-1": false,
                     "signals-horz-1": 0,
                     "signals-vert-1": 0,
                     "signals-hide-edit-1": false,
                     "signals-cond-2": "==",
                     "signals-val-2": true,
                     "signals-icon-2": "/vis/signals/lowbattery.png",
                     "signals-icon-size-2": 0,
                     "signals-blink-2": false,
                     "signals-horz-2": 0,
                     "signals-vert-2": 0,
                     "signals-hide-edit-2": false,
                     "lc-type": "last-change",
                     "lc-is-interval": true,
                     "lc-is-moment": false,
                     "lc-format": "",
                     "lc-position-vert": "top",
                     "lc-position-horz": "right",
                     "lc-offset-vert": 0,
                     "lc-offset-horz": 0,
                     "lc-font-size": "12px",
                     "lc-font-family": "",
                     "lc-font-style": "",
                     "lc-bkg-color": "",
                     "lc-color": "",
                     "lc-border-width": "0",
                     "lc-border-style": "",
                     "lc-border-color": "",
                     "lc-border-radius": 10,
                     "lc-zindex": 0,
                     "descriptionLeft": "brightness of H801 Light",
                     "angleOffset": "250",
                     "angleArc": "220",
                     "color": "{esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX}"
                   },
                   "style": {
                     "left": "221px",
                     "top": "190px",
                     "width": "400px",
                     "height": "400px",
                     "z-index": "30"
                   },
                   "widgetSet": "hqwidgets"
                 },
                 "e00002": {
                   "tpl": "tplRGBFarbtastic",
                   "data": {
                     "g_fixed": false,
                     "g_visibility": false,
                     "g_css_font_text": false,
                     "g_css_background": false,
                     "g_css_shadow_padding": false,
                     "g_css_border": false,
                     "g_gestures": false,
                     "g_signals": false,
                     "g_last_change": false,
                     "visibility-cond": "==",
                     "visibility-val": 1,
                     "visibility-groups-action": "hide",
                     "factor": "1",
                     "decimal": "0",
                     "signals-cond-0": "==",
                     "signals-val-0": true,
                     "signals-icon-0": "/vis/signals/lowbattery.png",
                     "signals-icon-size-0": 0,
                     "signals-blink-0": false,
                     "signals-horz-0": 0,
                     "signals-vert-0": 0,
                     "signals-hide-edit-0": false,
                     "signals-cond-1": "==",
                     "signals-val-1": true,
                     "signals-icon-1": "/vis/signals/lowbattery.png",
                     "signals-icon-size-1": 0,
                     "signals-blink-1": false,
                     "signals-horz-1": 0,
                     "signals-vert-1": 0,
                     "signals-hide-edit-1": false,
                     "signals-cond-2": "==",
                     "signals-val-2": true,
                     "signals-icon-2": "/vis/signals/lowbattery.png",
                     "signals-icon-size-2": 0,
                     "signals-blink-2": false,
                     "signals-horz-2": 0,
                     "signals-vert-2": 0,
                     "signals-hide-edit-2": false,
                     "lc-type": "last-change",
                     "lc-is-interval": true,
                     "lc-is-moment": false,
                     "lc-format": "",
                     "lc-position-vert": "top",
                     "lc-position-horz": "right",
                     "lc-offset-vert": 0,
                     "lc-offset-horz": 0,
                     "lc-font-size": "12px",
                     "lc-font-family": "",
                     "lc-font-style": "",
                     "lc-bkg-color": "",
                     "lc-color": "",
                     "lc-border-width": "0",
                     "lc-border-style": "",
                     "lc-border-color": "",
                     "lc-border-radius": 10,
                     "lc-zindex": 0,
                     "g_rgb": false,
                     "rgb-oid": "esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX",
                     "g_hue": false
                   },
                   "style": {
                     "left": "330px",
                     "top": "330px",
                     "transform": "scale(4)",
                     "width": "200px",
                     "height": "200px",
                     "z-index": "10"
                   },
                   "widgetSet": "colorpicker"
                 },
                 "e00003": {
                   "tpl": "tplIconState",
                   "data": {
                     "oid": "esphome.0.E8DB84E3AF1D.Switch.647169867.state",
                     "g_fixed": true,
                     "g_visibility": false,
                     "g_css_font_text": true,
                     "g_css_background": true,
                     "g_css_shadow_padding": true,
                     "g_css_border": true,
                     "g_gestures": false,
                     "g_signals": false,
                     "g_last_change": false,
                     "visibility-cond": "==",
                     "visibility-val": 1,
                     "visibility-groups-action": "hide",
                     "lc-type": "last-change",
                     "lc-is-interval": true,
                     "lc-is-moment": false,
                     "lc-format": "",
                     "lc-position-vert": "top",
                     "lc-position-horz": "right",
                     "lc-offset-vert": 0,
                     "lc-offset-horz": 0,
                     "lc-font-size": "12px",
                     "lc-font-family": "",
                     "lc-font-style": "",
                     "lc-bkg-color": "",
                     "lc-color": "",
                     "lc-border-width": "0",
                     "lc-border-style": "",
                     "lc-border-color": "",
                     "lc-border-radius": 10,
                     "lc-zindex": 0,
                     "text": "{val:esphome.0.E8DB84E3AF1D.Light.801952849.state; val==\"true\" ? \"Aus\": val==\"false\" ? \"Ein\": \"unbekannt\"}",
                     "value": "",
                     "src": "",
                     "imageHeight": "",
                     "signals-cond-0": "==",
                     "signals-val-0": true,
                     "signals-icon-0": "/vis/signals/lowbattery.png",
                     "signals-icon-size-0": 0,
                     "signals-blink-0": false,
                     "signals-horz-0": 0,
                     "signals-vert-0": 0,
                     "signals-hide-edit-0": false,
                     "signals-cond-1": "==",
                     "signals-val-1": true,
                     "signals-icon-1": "/vis/signals/lowbattery.png",
                     "signals-icon-size-1": 0,
                     "signals-blink-1": false,
                     "signals-horz-1": 0,
                     "signals-vert-1": 0,
                     "signals-hide-edit-1": false,
                     "signals-cond-2": "==",
                     "signals-val-2": true,
                     "signals-icon-2": "/vis/signals/lowbattery.png",
                     "signals-icon-size-2": 0,
                     "signals-blink-2": false,
                     "signals-horz-2": 0,
                     "signals-vert-2": 0,
                     "signals-hide-edit-2": false,
                     "views": [
                       "0-EG",
                       "0-HW",
                       "2-Dosen"
                     ]
                   },
                   "style": {
                     "left": "321px",
                     "top": "486px",
                     "width": "200px",
                     "height": "200px",
                     "background": "transparent",
                     "border-radius": "100px",
                     "border-width": "2px",
                     "border-style": "solid",
                     "border-color": "{val:esphome.0.E8DB84E3AF1D.Light.801952849.state; val==\"true\" ? \"#14ff1f\": val==\"false\" ? \"#777\": \"yellowgreen\"}",
                     "padding-bottom": "",
                     "z-index": "40",
                     "box-shadow": "0 0 20px grey",
                     "background-color": "#222",
                     "color": "#ffffff"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00004": {
                   "tpl": "tplHtml",
                   "data": {
                     "g_fixed": false,
                     "g_visibility": false,
                     "g_css_font_text": false,
                     "g_css_background": true,
                     "g_css_shadow_padding": false,
                     "g_css_border": true,
                     "g_gestures": false,
                     "g_signals": false,
                     "g_last_change": false,
                     "visibility-cond": "==",
                     "visibility-val": 1,
                     "visibility-groups-action": "hide",
                     "refreshInterval": "0",
                     "signals-cond-0": "==",
                     "signals-val-0": true,
                     "signals-icon-0": "/vis/signals/lowbattery.png",
                     "signals-icon-size-0": 0,
                     "signals-blink-0": false,
                     "signals-horz-0": 0,
                     "signals-vert-0": 0,
                     "signals-hide-edit-0": false,
                     "signals-cond-1": "==",
                     "signals-val-1": true,
                     "signals-icon-1": "/vis/signals/lowbattery.png",
                     "signals-icon-size-1": 0,
                     "signals-blink-1": false,
                     "signals-horz-1": 0,
                     "signals-vert-1": 0,
                     "signals-hide-edit-1": false,
                     "signals-cond-2": "==",
                     "signals-val-2": true,
                     "signals-icon-2": "/vis/signals/lowbattery.png",
                     "signals-icon-size-2": 0,
                     "signals-blink-2": false,
                     "signals-horz-2": 0,
                     "signals-vert-2": 0,
                     "signals-hide-edit-2": false,
                     "lc-type": "last-change",
                     "lc-is-interval": true,
                     "lc-is-moment": false,
                     "lc-format": "",
                     "lc-position-vert": "top",
                     "lc-position-horz": "right",
                     "lc-offset-vert": 0,
                     "lc-offset-horz": 0,
                     "lc-font-size": "12px",
                     "lc-font-family": "",
                     "lc-font-style": "",
                     "lc-bkg-color": "",
                     "lc-color": "",
                     "lc-border-width": "0",
                     "lc-border-style": "",
                     "lc-border-color": "",
                     "lc-border-radius": 10,
                     "lc-zindex": 0
                   },
                   "style": {
                     "left": "124px",
                     "top": "126px",
                     "z-index": "20",
                     "background-color": "#222",
                     "width": "594px",
                     "height": "594px",
                     "border-radius": "296px"
                   },
                   "widgetSet": "basic"
                 }
               },
               "name": "LED-RGB",
               "filterList": []
              }
              

              H 2 Replies Last reply Reply Quote 1
              • H
                hipohop @a200 last edited by

                @a200
                Danke Dir sehr. Werde ich am Wochenende ausprobieren

                a200 1 Reply Last reply Reply Quote 0
                • a200
                  a200 @hipohop last edited by a200

                  @hipohop Hier noch eine Alternative, die auf @CrunkFX basiert.

                  1. Material Design Widgets-Adapter installieren.
                  2. Datenpunkt anlegen:

                  {
                   "common": {
                     "name": "Position",
                     "desc": "RGB-Slider Position (1-1530)",
                     "role": "state",
                     "type": "string",
                     "read": true,
                     "write": true,
                     "def": ""
                   },
                   "type": "state",
                   "_id": "0_userdata.0.Vis_Slider.Position",
                   "acl": {
                     "object": 1636,
                     "state": 1636,
                     "owner": "system.user.admin",
                     "ownerGroup": "system.group.administrator"
                   },
                   "from": "system.adapter.admin.0",
                   "user": "system.user.admin",
                   "ts": 1643995809017
                  }
                  


                  3. Widget importieren.

                  [{"tpl":"tplVis-materialdesign-Vuetify-Slider","data":{"oid":"0_userdata.0.Vis_Slider.Position","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","orientation":"horizontal","knobSize":"knobSmall","step":"5","vibrateOnMobilDevices":"50","showTicks":"no","tickTextColor":"","tickFontFamily":"","tickFontSize":"","tickColorBefore":"","tickColorAfter":"","colorBeforeThumb":"","colorThumb":"RGBA(0,0,0,0)","colorAfterThumb":"","showThumbLabel":"no","thumbBackgroundColor":"","thumbFontColor":"","thumbFontSize":"","thumbFontFamily":"","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"generateHtmlControl":"true","min":"1","max":"1530","g_label":true,"prepandTextColor":"","prepandTextFontSize":"","prepandTextFontFamily":"","showValueLabel":false,"valueLabelStyle":"sliderValue","valueFontFamily":"","valueFontSize":"","valueLabelColor":"","valueLabelWidth":"50","thumbSize":""},"style":{"left":"513px","top":"541px","background-color":"","background-repeat":"","background":"linear-gradient(90deg, red,yellow,#16ff00,cyan,blue,#ff00ed,red)","background-attachment":"","z-index":"14","width":"1206px","height":"120px","border-radius":"10px"},"widgetSet":"materialdesign"}]
                  


                  4. Javascript erstellen, Zeile 5 anpassen und aktivieren:

                  // Liest den dp (slider in VIS) aus, wandelt den Wert von (0-1530) nach RGB und speichert in ESP-LED-Stripe
                  //
                  
                  // Hier den Datenpunkt angeben aus dem die Lampe/Strips/usw sich die Farbe holt. Format #RRGGBB
                  var dpout = "esphome.0.E8DB84E3AF1D.Light.801952849.colorHEX";
                  //
                  
                  
                  var dp = "0_userdata.0.Vis_Slider.Position";
                  var c = 0;
                  var red, green, blue;
                  var debug = false;
                  
                  
                  on({id: dp, change: 'ne'}, function (obj) {
                     c = obj.state.val;
                  
                     // Rot
                     if(c >= 256 && c <= 510){
                         red = 255 - (c-255);
                     }
                     if(c >= 1021 && c <= 1275){
                     	red = (c-1020)
                     }
                     if(c < 256 || c > 1275){
                         red = 255
                     }
                  
                     // Blau
                     if(c >= 511 && c < 765){
                         blue = (c-510)
                     }
                     if(c > 1275 ){
                         blue = 255- (c-1275)
                     }
                     if(c < 511 ){
                         blue = 0
                     }
                     if(c >= 765 && c <= 1275){
                         blue = 255
                     }
                  
                     // Gruen
                     if(c < 256){
                         green = c
                     }
                     if(c >= 256 && c < 766){
                         green = 255
                     }
                     if(c >= 1020 ){
                         green = 0
                     }
                     if(c >= 766 && c < 1020){
                         green = 255 - (c-765)
                     }
                  
                     setState(dpout, "#"+ parseInt(red).toString(16).padEnd(2, '0') + "" + parseInt(green).toString(16).padEnd(2, '0') + "" + parseInt(blue).toString(16).padEnd(2, '0'));
                     if(debug) log("Wert: " + c + " RGB=#" + parseInt(red).toString(16).padEnd(2, '0') + " " +parseInt(green).toString(16).padEnd(2, '0')+" "+parseInt(blue).toString(16).padEnd(2, '0'))
                  });
                  


                  Änderungen:
                  04.02.2022 19:11 Javascript: Korrektur wg. Typecasting.
                  04.02.2022 20:40 Widget: Grafik gegen CSS ausgetauscht.

                  Läuft bei mir sehr gut.

                  H 1 Reply Last reply Reply Quote 1
                  • H
                    hipohop @a200 last edited by

                    @a200
                    Danke! Schau ich mir auch an

                    1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky last edited by

                      ihr habt ja jetzt die lösung

                      was ich auch noch gut finde, ist die benutzung irgendeines bildes und das dann auslesen

                      AApossis (185).gif

                      das bild sieht in echt besser aus, liegt am aufnahme tool

                      1 Reply Last reply Reply Quote 2
                      • H
                        hipohop @a200 last edited by

                        @a200
                        Funktioniert auf Anhieb. Danke nochmal

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        763
                        Online

                        32.0k
                        Users

                        80.5k
                        Topics

                        1.3m
                        Posts

                        vis
                        5
                        17
                        1097
                        Loading More Posts
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes
                        Reply
                        • Reply as topic
                        Log in to reply
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                        The ioBroker Community 2014-2023
                        logo