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.
    • a200
      a200 last edited by

      Hi,

      ich versuche meine LED (RGB) anzusteuern. Allerdings sind die Colorpicker Widgets für die Bedienung am Wandtablett nur bedingt geeignet. Die Fläche die sich öffnet ist für die Bedienung mit dem Finger viel zu klein. Was gut aussieht ist das Phillips HUE xy-Picker Widget. Den kann man beliebig groß ziehen. Damit kann ich allerdings keine RGB-LEDs ansteuern. Da ich von HUE keine Ahnung habe, würde ich gerne wissen, ob ich den xy-Wert des HUE in ein Datenpunkt schreiben kann. Als String hat es nicht geklappt. Dann könnte ich mit einem Script die Umrechnung in RGB durchführen.

      Oder gibt es sogar einen anderen Colorpicker, den man ähnlich wie den HUE nutzen kann?

      Danke, a200.

      1 Reply Last reply Reply Quote 0
      • S
        Supermicha last edited by

        ich weiß nicht, ob dir das hilft...

        ich habe mit einen selbergebaut, es ist kein "vollwertiger" Colorpicker, er enthält nur die Grundfarben...
        21b3fea8-3d4e-48de-987a-741f61c59aa3-grafik.png

        Das sind einfach bunte Buttons, die den ensprechenden Wert in den DP der Lampe schreiben. Funktioniert problemlos, ließe sich natürlich um beliebig viele Buttons erweitern, aber ist natürlich kein echtes RGB

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

          @supermicha Vielen Dank. Das war mein "Plan B". Ich bin überrascht, dass die LED Steuerung über ein Tablett so wenig Beachtung hier findet. Ich bin mir sicher, dass es bessere Lösungen gibt.

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

            Ja, ein echter RGB-Colorpicker stand auch lange auf meiner Wunschliste...

            Das sollte ja grundsätzlich nicht sooo schwer sein, ist ja in praktisch jeder Smart-Home/Smart-Lightning-App zu finden...

            Wobei ich mittlerweile finde, das mir die Grundfarben in meiner Umsetzung eigentlich ausreichen, grade wenn man verschiedene Lampen gleichfarbig schalten will, wird es schwierig mehrfach den exakten Farbton aus nem Colorpicker rauszuholen. Da sind Presets doch recht hilfreich...
            In der Praxis hat man ja meist ein eine handvoll Grundtöne, die man immer wieder verwendet.

            Also selbst wenn es einen vernünftigen Colorpicker geben würde, wäre das bei mir sicherlich nur noch eine optionale Komponente... das einfache steuern über ein paar Buttons erscheint mir mittlerweile komfortalber als die Variante jede Farbe aus 65tausend Tönen wählen zu müssen.

            Und wenn mir ein Ton in den Presets nicht mehr gefällt, änder ich einfach den Button. 😊

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

              @a200

              kannst du damit was anfangen ?

              Image 5.png

              in de vis:

              Image 7.png

              a200 1 Reply Last reply Reply Quote 3
              • S
                Supermicha last edited by

                das wusste ich auch noch nicht...

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

                  @liv-in-sky Stimmt, das ist eine gute Idee. Auch wenn mir nur der Farbenring vollkommen reichen würde. Danke!

                  1 Reply Last reply Reply Quote 0
                  • 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

                                      847
                                      Online

                                      32.0k
                                      Users

                                      80.5k
                                      Topics

                                      1.3m
                                      Posts

                                      vis
                                      5
                                      17
                                      1094
                                      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