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

[Bacado]

@mickym hey, wie würde das ganze den anders rum aussehen von RBG zu HEX hab zwar bei nodered nen Converter gefunden aber der gibt keinen wert raus. Scheinbar bin ich einfach noch zu unerfahren in nodered.

[mickym]

@bacado sagte in HEX in RGB Umwandeln?:

@mickym hey, wie würde das ganze den anders rum aussehen von RBG zu HEX hab zwar bei nodered nen Converter gefunden aber der gibt keinen wert raus. Scheinbar bin ich einfach noch zu unerfahren in nodered.

Schau mal - da hab ich mal was gebastelt. ;)

https://forum.iobroker.net/assets/uploads/files/1616066608668-9ea2e8be-570b-430d-80f4-b81fb8520f83-image.png

Sorry wollte den Thread posten: https://forum.iobroker.net/topic/43271/konvertierung-byte-nach-dezimal-und-umgekehrt

Wenn Du den unteren Flow importierst bekommst eine neue Nodes als Subflow:

dem kannst entweder ein RGB Objekt oder Array übergeben oder auch einen mit Kommas separierten String der RGB Werte nutzen.

Basis des Flows ist der .toString(16) Kommando im JS: https://stackoverflow.com/questions/39651531/why-does-tostring16-convert-rgb-decimal-or-other-inputs-into-a-hexidecimal

So was kann man natürlich auch im Blockly implementieren, aber dafür bin ich kein Fan.

[Bacado]

@mickym ja genau das funtz aber hab glaube ich den falschen flow den mir fehlt noch die Ausgabe mit # bin gerade etwas überflutet mit informationen. Aber denke damit werd ich klar kommen. Brauch nur etwas zeit um bissel durchzusteigen.

[mickym]

@bacado Das 2. Posting:

Spoiler

[
  {
      "id": "ab16e708.7973e8",
      "type": "subflow",
      "name": "Decimal to Byte",
      "info": "# Decimal to Byte\r\nThe node accepts any decimal number as number, string, comma separated string with decimal values, arrays or objects as `msg.payload`. \r\nIf strings can not be converted into numbers the whole string, object, array will be ignored.\r\nFlot numbers will be converted to integers. \r\n\r\nThe output will always be a string, representing each number as a string, representing each byte with 2 characters (i.e. 8 ==> '08').\r\n\r\nPrefixes can be added by consecutive change nodes. Using a hashtag ('#'), follwed by 3 bytes will be detected in the debug window as color code.\r\n\r\n\r\n# Dezimal nach Byte\r\nDie Node akzeptiert jede Dezimalzahl als Zahl, String, durch Kommas getrennte Zahlen als String/Zeichenkette, Array oder Objekt als `msg.payload`.\r\n\r\nWenn ein String nicht in eine Zahl umgewandelt werden kann, wird die gesamte Eingabe ignoriert. Fließkommazahlen werden in Ganzzahlen/Integerwerte umgewandelt. \r\n\r\nDie Ausgabe ist immer ein String/Zeichenkette. Jede Dezimalzahl wird als Zeichenkette ausgegeben, wobei jedes Byte mit 2 Zeichen dargestellt wird (z.Bsp. 8 ==> '08').  \r\n\r\nPräfixe müssen durch nachfolgende Change-Nodes selbst vorangestellt werden. Stellt man einer Bytefolge von 3 Zahlen ein Hashtag ('#') voran, wird dieser im Debug-Fenster bereits als Farbcode interpretiert.",
      "category": "",
      "in": [
          {
              "x": 60,
              "y": 160,
              "wires": [
                  {
                      "id": "da75483e.1f9f18"
                  }
              ]
          }
      ],
      "out": [
          {
              "x": 1300,
              "y": 80,
              "wires": [
                  {
                      "id": "1a81a4c8.b8095b",
                      "port": 0
                  },
                  {
                      "id": "4b071cab.37d0c4",
                      "port": 0
                  },
                  {
                      "id": "65fca19a.41ef9",
                      "port": 0
                  }
              ]
          }
      ],
      "env": [],
      "color": "#E2D96E",
      "icon": "node-red/hash.svg"
  },
  {
      "id": "1a81a4c8.b8095b",
      "type": "function",
      "z": "ab16e708.7973e8",
      "name": "to HEX String Byte Format",
      "func": "if (typeof(msg.payload) === \"string\"){\n    msg.payload = Number(msg.payload);\n    if (isNaN(msg.payload) ) return null;\n}\nmsg.payload=Math.floor(msg.payload);\nmsg.payload= (msg.payload.toString(16)).toUpperCase();\nif ((msg.payload).length%2 > 0) msg.payload = '0' + msg.payload;\n\nreturn msg;",
      "outputs": 1,
      "noerr": 0,
      "initialize": "",
      "finalize": "",
      "x": 520,
      "y": 80,
      "wires": [
          []
      ]
  },
  {
      "id": "da75483e.1f9f18",
      "type": "switch",
      "z": "ab16e708.7973e8",
      "name": "",
      "property": "payload",
      "propertyType": "msg",
      "rules": [
          {
              "t": "istype",
              "v": "number",
              "vt": "number"
          },
          {
              "t": "istype",
              "v": "string",
              "vt": "string"
          },
          {
              "t": "istype",
              "v": "array",
              "vt": "array"
          },
          {
              "t": "istype",
              "v": "object",
              "vt": "object"
          }
      ],
      "checkall": "true",
      "repair": false,
      "outputs": 4,
      "x": 190,
      "y": 160,
      "wires": [
          [
              "1a81a4c8.b8095b"
          ],
          [
              "4349febf.96d86"
          ],
          [
              "fabf9af5.c72b38"
          ],
          [
              "fabf9af5.c72b38"
          ]
      ]
  },
  {
      "id": "4349febf.96d86",
      "type": "split",
      "z": "ab16e708.7973e8",
      "name": "",
      "splt": ",",
      "spltType": "str",
      "arraySplt": 1,
      "arraySpltType": "len",
      "stream": false,
      "addname": "",
      "x": 380,
      "y": 140,
      "wires": [
          [
              "370c9cd2.a93664"
          ]
      ]
  },
  {
      "id": "370c9cd2.a93664",
      "type": "function",
      "z": "ab16e708.7973e8",
      "name": "to HEX String Byte Format",
      "func": "if (typeof(msg.payload) === \"string\"){\n    msg.payload = Number(msg.payload);\n    if (isNaN(msg.payload) ) return null;\n}\nmsg.payload=Math.floor(msg.payload);\nmsg.payload= (msg.payload.toString(16)).toUpperCase();\nif ((msg.payload).length%2 > 0) msg.payload = '0' + msg.payload;\n\nreturn msg;",
      "outputs": 1,
      "noerr": 0,
      "initialize": "",
      "finalize": "",
      "x": 600,
      "y": 140,
      "wires": [
          [
              "c3312bd6.16ea18"
          ]
      ]
  },
  {
      "id": "c3312bd6.16ea18",
      "type": "join",
      "z": "ab16e708.7973e8",
      "name": "",
      "mode": "auto",
      "build": "string",
      "property": "payload",
      "propertyType": "msg",
      "key": "topic",
      "joiner": "",
      "joinerType": "str",
      "accumulate": false,
      "timeout": "",
      "count": "",
      "reduceRight": false,
      "reduceExp": "",
      "reduceInit": "",
      "reduceInitType": "",
      "reduceFixup": "",
      "x": 810,
      "y": 140,
      "wires": [
          [
              "4b071cab.37d0c4"
          ]
      ]
  },
  {
      "id": "fabf9af5.c72b38",
      "type": "split",
      "z": "ab16e708.7973e8",
      "name": "",
      "splt": "\\n",
      "spltType": "str",
      "arraySplt": 1,
      "arraySpltType": "len",
      "stream": false,
      "addname": "",
      "x": 380,
      "y": 180,
      "wires": [
          [
              "2c13cf5c.73981"
          ]
      ]
  },
  {
      "id": "2c13cf5c.73981",
      "type": "function",
      "z": "ab16e708.7973e8",
      "name": "to HEX String Byte Format",
      "func": "if (typeof(msg.payload) === \"string\"){\n    msg.payload = Number(msg.payload);\n    if (isNaN(msg.payload) ) return null;\n}\nmsg.payload=Math.floor(msg.payload);\nmsg.payload= (msg.payload.toString(16)).toUpperCase();\nif ((msg.payload).length%2 > 0) msg.payload = '0' + msg.payload;\n\nreturn msg;",
      "outputs": 1,
      "noerr": 0,
      "initialize": "",
      "finalize": "",
      "x": 600,
      "y": 180,
      "wires": [
          [
              "63d1eccf.a09034"
          ]
      ]
  },
  {
      "id": "63d1eccf.a09034",
      "type": "join",
      "z": "ab16e708.7973e8",
      "name": "",
      "mode": "auto",
      "build": "string",
      "property": "payload",
      "propertyType": "msg",
      "key": "topic",
      "joiner": "",
      "joinerType": "str",
      "accumulate": false,
      "timeout": "",
      "count": "",
      "reduceRight": false,
      "reduceExp": "",
      "reduceInit": "",
      "reduceInitType": "num",
      "reduceFixup": "",
      "x": 810,
      "y": 180,
      "wires": [
          [
              "19ca6af6.1e37c5"
          ]
      ]
  },
  {
      "id": "4b071cab.37d0c4",
      "type": "change",
      "z": "ab16e708.7973e8",
      "name": "",
      "rules": [
          {
              "t": "change",
              "p": "payload",
              "pt": "msg",
              "from": ",",
              "fromt": "str",
              "to": "",
              "tot": "str"
          }
      ],
      "action": "",
      "property": "",
      "from": "",
      "to": "",
      "reg": false,
      "x": 1000,
      "y": 140,
      "wires": [
          []
      ]
  },
  {
      "id": "19ca6af6.1e37c5",
      "type": "split",
      "z": "ab16e708.7973e8",
      "name": "",
      "splt": "\\n",
      "spltType": "str",
      "arraySplt": 1,
      "arraySpltType": "len",
      "stream": false,
      "addname": "",
      "x": 960,
      "y": 180,
      "wires": [
          [
              "65fca19a.41ef9"
          ]
      ]
  },
  {
      "id": "65fca19a.41ef9",
      "type": "join",
      "z": "ab16e708.7973e8",
      "name": "",
      "mode": "custom",
      "build": "string",
      "property": "payload",
      "propertyType": "msg",
      "key": "topic",
      "joiner": "",
      "joinerType": "str",
      "accumulate": false,
      "timeout": "",
      "count": "",
      "reduceRight": false,
      "reduceExp": "",
      "reduceInit": "",
      "reduceInitType": "",
      "reduceFixup": "",
      "x": 1110,
      "y": 180,
      "wires": [
          []
      ]
  },
  {
      "id": "2191832.9e0d37c",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "1040403",
      "payloadType": "num",
      "x": 2120,
      "y": 3600,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "9b87093.1e4b4f8",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "1040403",
      "payloadType": "str",
      "x": 2120,
      "y": 3640,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "6862064f.d059e8",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "104,04,03",
      "payloadType": "str",
      "x": 2120,
      "y": 3680,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "4470c439.42ae6c",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "255,0,255",
      "payloadType": "str",
      "x": 2120,
      "y": 3760,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "a612a150.79fa",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "Hallo",
      "payloadType": "str",
      "x": 2130,
      "y": 3560,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "a807801e.86536",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "[2,6,99]",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "[2,6,99]",
      "payloadType": "jsonata",
      "x": 2130,
      "y": 3800,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "3ee98195.e48d4e",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "['ab','cd',99]",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "['ab','cd',99]",
      "payloadType": "jsonata",
      "x": 2110,
      "y": 3840,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "69d5b78b.9a1348",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "[99]",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "[99]",
      "payloadType": "jsonata",
      "x": 2130,
      "y": 3880,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "620be0a5.46383",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "[99,'255']",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "[99,'255']",
      "payloadType": "jsonata",
      "x": 2120,
      "y": 3920,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "81373293.b970d",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "[99,'ef']",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "[99,'ef']",
      "payloadType": "jsonata",
      "x": 2130,
      "y": 3960,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "a41dba5d.037848",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "{\"Rot\":255,\"Grün\":255,\"Blau\":0}",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "{\"Rot\":255,\"Grün\":0,\"Blau\":255}",
      "payloadType": "json",
      "x": 2050,
      "y": 4000,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "a2229b55.07ef38",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "{\"Rot\":255,\"Grün\":\"128\",\"Blau\":0}",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "{\"Rot\":255,\"Grün\":\"128\",\"Blau\":0}",
      "payloadType": "json",
      "x": 2050,
      "y": 4040,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "8455c0a1.f7aab",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "{\"Rot\":255,\"Grün\":\"gh\",\"Blau\":0}",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "{\"Rot\":255,\"Grün\":\"gh\",\"Blau\":0}",
      "payloadType": "json",
      "x": 2050,
      "y": 4080,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "bdc50d1b.f93bd",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "\"11806311026742\"",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "11806311026742",
      "payloadType": "str",
      "x": 2090,
      "y": 3720,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "aa69cddf.3210e",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "15.6",
      "payloadType": "str",
      "x": 2130,
      "y": 3520,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "f5cea9b4.72e1a8",
      "type": "inject",
      "z": "6e170384.60c96c",
      "name": "",
      "props": [
          {
              "p": "payload"
          }
      ],
      "repeat": "",
      "crontab": "",
      "once": false,
      "onceDelay": 0.1,
      "topic": "",
      "payload": "15.6",
      "payloadType": "num",
      "x": 2130,
      "y": 3480,
      "wires": [
          [
              "333333a7.cfa17c"
          ]
      ]
  },
  {
      "id": "333333a7.cfa17c",
      "type": "subflow:ab16e708.7973e8",
      "z": "6e170384.60c96c",
      "name": "",
      "env": [],
      "x": 2600,
      "y": 3840,
      "wires": [
          [
              "5fb9015.fbd98",
              "7af82e5f.719f4",
              "f4d59886.753238"
          ]
      ]
  },
  {
      "id": "7af82e5f.719f4",
      "type": "change",
      "z": "6e170384.60c96c",
      "name": "Präfix 0x",
      "rules": [
          {
              "t": "set",
              "p": "payload",
              "pt": "msg",
              "to": "'0x' & payload",
              "tot": "jsonata"
          }
      ],
      "action": "",
      "property": "",
      "from": "",
      "to": "",
      "reg": false,
      "x": 2790,
      "y": 3880,
      "wires": [
          [
              "5fb9015.fbd98"
          ]
      ]
  },
  {
      "id": "f4d59886.753238",
      "type": "change",
      "z": "6e170384.60c96c",
      "name": "Präfix #",
      "rules": [
          {
              "t": "set",
              "p": "payload",
              "pt": "msg",
              "to": "'#' & payload",
              "tot": "jsonata"
          }
      ],
      "action": "",
      "property": "",
      "from": "",
      "to": "",
      "reg": false,
      "x": 2800,
      "y": 3920,
      "wires": [
          [
              "5fb9015.fbd98"
          ]
      ]
  },
  {
      "id": "5fb9015.fbd98",
      "type": "debug",
      "z": "6e170384.60c96c",
      "name": "",
      "active": true,
      "tosidebar": true,
      "console": false,
      "tostatus": false,
      "complete": "false",
      "statusVal": "",
      "statusType": "auto",
      "x": 2990,
      "y": 3840,
      "wires": []
  }
]

Der Hashtag wird über eine ChangeNode- vorangestellt.

[Bacado]

@mickym hatte ich dann auch gefunden und es klappt auch schon... verstehe auch nicht wieso man im HabPanel nicht direkt das ganze als Hex oder RGB oder HSL ausgeben kann. Ne da muss man erst nen translate machen. Vielen lieben dank das du da so krassen support leistest :+1:

[Bacado]

@mickym okay also das funtz aber noch nicht so ganz rund. Evtl. hab ich was übersehen aber Hex farbcodes sind immer #+6 zeichen, der Ausgabewert den ich bekomm sind aber immer 8 zeichen. Hab ich was übersehen was ich noch umstellen muss?

[mickym]

@bacado Also wenn Du meinen Beispielflow importiert hast, das sind doch 6 Zeichen. Wie schaut denn Dein Input aus?

Wenn Du übrigens ein Objekt verwendest, ist die Bezeichnung egal, das 1. Byte ist immer Rot, dann Grün und dann Blau:

[Bacado]

@mickym

[mickym]

@bacado Tja - ein Byte geht nun mal nur bis zu 255. ;) - 287 benötigt leider 2 Bytes. Wie also die 287 zustande kommte habe ich keine Ahnung, aber das ist kein RGB Wert. ;)

Dezimal 287 ist also richtig: 011F ;)

[Bacado]

@mickym ach scheiße dann sind die ganzen Colerpicker bei HabPanel auch noch HSL.

[mickym]

@bacado Ich hab ne funktion gefunden mit der man HSL in HEX umwandeln kann. Soll ich Dir kurz eine Node machen? Ist das ein String als Eingabe?

[Bacado]

@mickym ja ich denke schon.

[mickym]

@bacado kleinen augenblick - Die Funktionen die ich gefunden habe, funktionieren nicht so .

Stimmt denn die Farbe?

RGB Hex - sollte dann #ebb1fb rauskommen.

[Bacado]

@mickym 295,51,97 entspricht #01273361. Aber wir dürfen ja nur #123456 und nicht #12345678

[mickym]

@bacado ??? nee das passt nicht, was Du gepostet hast. die letzten beiden Werte sind 0,100 für Sättigung und Helligkeit.

Das andere ist eine Gradzahl im Farbkreis von 0-360 - das heisst, die können nicht in einfach so in HEX gerechnet werden.

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