Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Bacado]

@mickym dann suche ich mir jetzt mal ein Colorpicker der mir das gewünschte gibt. Also Hex gibt keiner von dennen aus die ich gefunden habe! Aber jetzt kann ich ja auch nach einem RGB suchen dank dir wandelt er ja dann richtig um. Wenn der richtige wert geschickt wird und nicht wieder der HSL.

[mickym]

@bacado Ok ich such mal, ob ich eine funktionierende Umrechnungfunktion finde. Gibt eventuell eine fertige API dazu:

https://www.npmjs.com/package/hsl-to-hex

[mickym]

@bacado Kommt zwar ein anderer RGB Wert mit der API raus, aber der Farbton stimmt

Willst du die API nutzen? Stimmt die Farbe?

[Bacado]

@mickym

[mickym]

@bacado Na Du musst ein Array eingeben und keinen String für die Node. Aber ansonsten hätte ich die API direkt in eine Function Node.

Das kann man dann später umwandeln, wenn Du diese Node nutzen willst. Probier mal in die Inject Node das Array einzugeben.

Wenn Du mit dem Ergebnis zufrieden bist, dann musst den String nur umwandeln.

Achso das ist eine iobroker IN Node - ok - ich wandle mal für Dich.

[mickym]

@bacado So ich war jetzt zu faul code zu schreiben:

Hänge einfach diese 3 Nodes hinter Deine iobroker IN Node - da sollte dann ein String draus werden.

Spoiler

[
   {
       "id": "2506a485939be3ee",
       "type": "split",
       "z": "289f539dcc33814e",
       "name": "",
       "splt": ",",
       "spltType": "str",
       "arraySplt": 1,
       "arraySpltType": "len",
       "stream": false,
       "addname": "",
       "x": 410,
       "y": 3020,
       "wires": [
           [
               "0e7826039331f029"
           ]
       ]
   },
   {
       "id": "0e7826039331f029",
       "type": "change",
       "z": "289f539dcc33814e",
       "name": "",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "$number(payload)\t",
               "tot": "jsonata"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 590,
       "y": 3020,
       "wires": [
           [
               "65b1f82bdbf106e9"
           ]
       ]
   },
   {
       "id": "65b1f82bdbf106e9",
       "type": "join",
       "z": "289f539dcc33814e",
       "name": "",
       "mode": "custom",
       "build": "array",
       "property": "payload",
       "propertyType": "msg",
       "key": "topic",
       "joiner": "\\n",
       "joinerType": "str",
       "accumulate": false,
       "timeout": "",
       "count": "3",
       "reduceRight": false,
       "reduceExp": "",
       "reduceInit": "",
       "reduceInitType": "",
       "reduceFixup": "",
       "x": 770,
       "y": 3020,
       "wires": [
           [
               "5074028ee01bbf71"
           ]
       ]
   }
]

[Bacado]

@mickym bohr Mega ich danke dir. Ich suche seit deinem letzten Post also 20min, wie man ein String zu einem Array macht, nicht mal ein Ansatz von Lösung ist mir unter gekommen. Und dann wundert man sich das es wenig Leute gibt die mit NodeRed arbeiten. Dazu muss ich gestehen bin Kaufmann aber sehr PC affine und mein englisch ist leider nur Semiprof..

[mickym]

@bacado Das Problem in das Array umzuwandeln ist nicht das Problem, aber wahrscheinlich in Zahlenformat.

Du kannst einfach auch mal nur die Change Node aus Interesse verwenden - dann ist es schon ein Array aber mit Strings als Zahlen. Wenn die Konvertiernode das selbstständig umwandelt ist noch einfacher:

Probier nur mal eine Change Node mit diesem Inhalt hinter Deine iobroker IN Node zu klemmen, ob das ausreicht.

[Bacado]

@mickym nein es geht nur mit den 3 kompletten nodes

[mickym]

@bacado sagte in HEX in RGB Umwandeln?:

@mickym nein es geht nur mit den 3 kompletten nodes

Ok dann nimm mal diese 4 ist zwar eine Node mehr, ist aber besser:

Spoiler

[
    {
        "id": "c2fb59500ac5b5fb",
        "type": "change",
        "z": "289f539dcc33814e",
        "name": "",
        "rules": [
            {
                "t": "set",
                "p": "payload",
                "pt": "msg",
                "to": "$split(payload,',')\t",
                "tot": "jsonata"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 530,
        "y": 3140,
        "wires": [
            [
                "1a82d9ca08d4e9a3"
            ]
        ]
    },
    {
        "id": "1a82d9ca08d4e9a3",
        "type": "split",
        "z": "289f539dcc33814e",
        "name": "",
        "splt": "\\n",
        "spltType": "str",
        "arraySplt": 1,
        "arraySpltType": "len",
        "stream": false,
        "addname": "",
        "x": 710,
        "y": 3140,
        "wires": [
            [
                "32d39137ef37cfea"
            ]
        ]
    },
    {
        "id": "9e1bfb38feb75c41",
        "type": "join",
        "z": "289f539dcc33814e",
        "name": "",
        "mode": "auto",
        "build": "object",
        "property": "payload",
        "propertyType": "msg",
        "key": "topic",
        "joiner": "\\n",
        "joinerType": "str",
        "accumulate": "false",
        "timeout": "",
        "count": "",
        "reduceRight": false,
        "x": 1070,
        "y": 3140,
        "wires": [
            [
                "3f77d23474222067"
            ]
        ]
    },
    {
        "id": "32d39137ef37cfea",
        "type": "change",
        "z": "289f539dcc33814e",
        "name": "",
        "rules": [
            {
                "t": "set",
                "p": "payload",
                "pt": "msg",
                "to": "$number(payload)\t",
                "tot": "jsonata"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 890,
        "y": 3140,
        "wires": [
            [
                "9e1bfb38feb75c41"
            ]
        ]
    }
]

Ich schau mal ob ich das in einen Change Node packen kann - aber mit der JSONATA Syntax bin ich auch manchmal auf Kriegsfuss.

Die erste Node macht das Array, die split Node splittet es in einzelne Nachrichten auf, damit man es mit der nächsten Node in Zahlen umwandelt, die JOIN Node setzt das Array wieder zusammen, wie es die split Node auseinander genommen hat. ;)

[mickym]

So ich habs geschafft: ;) - ich muss immer ausprobieren. Ganz verstehen tue ich die Syntax selbst nicht.

Also hier diese Change Node alleine müsste nun ausreichen:

Spoiler

[
   {
       "id": "bb22c4c3aa0dbaba",
       "type": "change",
       "z": "289f539dcc33814e",
       "name": "",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "$split(payload,',').$number()",
               "tot": "jsonata"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 730,
       "y": 3260,
       "wires": [
           [
               "c9d0a193b390e021"
           ]
       ]
   }
]

Der Punkt dient als map Operator, sodass gleich eine Funktion anhängen kann. Also mit dem Code machst einfach aus einem String ein numerisches Array.

$split(payload,',').$number()

Es ist einfach genial - aber manchmal auch für mich zu abstrakt. ;)

Also mit dieser Change Node einfach die vorherigen 3 bzw. 4 Nodes ersetzen.

[Bacado]

@mickym ja das geht auch, aber wie du schon sagst die Farbübersetzung ist echt Grotte. Aber vorerst gehts nicht besser. Da muss sich mal einer hinsetzen und fürs HabPanel nen colorpicker schreiben der RGB raus gibt oder Hex. Ideal einer der alle 3 als Output hat.

[mickym]

@bacado Wie war denn die Übersetzung der API die ich gepostet habe`?

Also die #ee1bfb aus 287,91,84. Kann auch noch was anderes probieren wenn Du willst. Also stimmt es überein.

Wenn Du die API nutzen willst, dann musst nach dem Deploy bisschen warten bis sich die Bibliothek installiert hast.
https://www.npmjs.com/package/hsl-to-hex. Du musst das aber nicht installieren, dass macht NodeRed selbst.

Hier mal der Flow:

Spoiler

[
   {
       "id": "0c572419db8fa9ab",
       "type": "function",
       "z": "31f4359ae915c063",
       "name": "HSL in HEX",
       "func": "var hsl= hslToHex;\n\nmsg.payload = hsl(msg.payload[0], msg.payload[1], msg.payload[2]);\nreturn msg;",
       "outputs": 1,
       "noerr": 0,
       "initialize": "",
       "finalize": "",
       "libs": [
           {
               "var": "hslToHex",
               "module": "hsl-to-hex"
           }
       ],
       "x": 950,
       "y": 200,
       "wires": [
           [
               "591341360b9809a7"
           ]
       ]
   },
   {
       "id": "591341360b9809a7",
       "type": "debug",
       "z": "31f4359ae915c063",
       "name": "",
       "active": true,
       "tosidebar": true,
       "console": false,
       "tostatus": false,
       "complete": "false",
       "statusVal": "",
       "statusType": "auto",
       "x": 1130,
       "y": 200,
       "wires": []
   },
   {
       "id": "a28c7b2204c7441c",
       "type": "inject",
       "z": "31f4359ae915c063",
       "name": "",
       "props": [
           {
               "p": "payload"
           }
       ],
       "repeat": "",
       "crontab": "",
       "once": false,
       "onceDelay": 0.1,
       "topic": "",
       "payload": "287,91,84",
       "payloadType": "str",
       "x": 560,
       "y": 200,
       "wires": [
           [
               "cc93714eb6589eeb"
           ]
       ]
   },
   {
       "id": "cc93714eb6589eeb",
       "type": "change",
       "z": "31f4359ae915c063",
       "name": "",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "$split(payload,',').$number()",
               "tot": "jsonata"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 750,
       "y": 200,
       "wires": [
           [
               "0c572419db8fa9ab"
           ]
       ]
   }
]

Kannst ja dann anstelle der inject Node die iobroker IN Node dran hängen.

[Bacado]

@mickym https://www.npmjs.com/package/hsl-to-hex die hab ich aktuell drin und der gibt bei den werten 287,91,84 den rgb #EBB1FB wert aus. dein RGB #ee1bfb kommt schon ehr hin mit der farbe die leuchtet.

[mickym]

@bacado Hast DU keinen Dreher drin, dann wär es nämlich exakt dasselbe.

[Bacado]

@mickym die API hab ich scheinbar irgendwie übersehen. Ich mache kopie&Paste

[mickym]

@bacado Einfach den Flow importieren und bissi warten.

[mickym]

@bacado sagte in HEX in RGB Umwandeln?:

@mickym https://www.npmjs.com/package/hsl-to-hex die hab ich aktuell drin und der gibt bei den werten 287,91,84 den rgb #EBB1FB wert aus. dein RGB #ee1bfb kommt schon ehr hin mit der farbe die leuchtet.

Das ist identisch die gleich die ich gepostet habe. ;) - Also damit sollte mit dem Flow das Ergebnis in jedem Fall identisch sein. ;)

[Bacado]

@mickym
Alle 3 Flows haben das selbe Ergebniss, aber der Colorpicker und das licht was wirklich an ist sind Welten!

[mickym]

@bacado Na ja - dann ist das aber eher ein Hardwareproblem, wie ggf. die Farbwerte in der Hardware umgesetzt werden. ;) - Also vielleicht eher ein Hardware als Softwareproblem. Du kannst ja in den Datenpunkt direkte RGB Werte eingeben, die Du Dir von einem Internet RGB Picker nutzt. Der ColorPicker im NodeRed Dashboard gibt übrigens RGB Werte aus. Das kannst ja mal testen. ;)

Letztlich kann ich Dir aber dabei nicht helfen. Der Vorteil bei der HSL Notation - ist, dass man ja ggf. immer ein Offset zu Helligkeit und/oder Stättigung rechnen kann, um ggf Farben, die die Hardware nicht darstellen kann ausgleichen kann.