Colorpicker für dicke Finger

Supermicha

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.

liv-in-sky

@a200

kannst du damit was anfangen ?

Image 5.png

in de vis:

Image 7.png

Supermicha

das wusste ich auch noch nicht...

a200

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

Supermicha

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

@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.

LED ist an

LED ist aus

Wird der Schalter angeklickt erscheint ein Dialog:

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.

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:

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.

hipohop

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

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": []
}

hipohop

@a200
Danke Dir sehr. Werde ich am Wochenende ausprobieren

a200

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

Material Design Widgets-Adapter installieren.
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.

hipohop

@a200
Danke! Schau ich mir auch an

liv-in-sky

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

hipohop

@a200
Funktioniert auf Anhieb. Danke nochmal

Community Forum

NEWS

Colorpicker für dicke Finger

Support us

597

32.8k

82.8k

1.3m