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

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

[Bacado]

@mickym bin schon an der nächsten Sache dran, das Thema Colorpicker vom HabPanel nervt mega aber das ist die schönste Vis von der Aufbauart im vergleich zu den anderen. Hab halt mega viele übersetzungen bei mir am laufen. Hab in meinem Haus KNX dazu Zigbee dann noch was auf der Homebridge alles über den IoBroker am laufen NodeRed dient jetzt auch als übersetzer alles Sachen mit denen ich mich schonmal grob vor ein paar Jahren beschäftigt habe und wusste, okay das geht. Aber das die Umsetzung so heftig wird, krass. Die KNX Programierung hat mich schon ne menge zeit und nerven gekostet nun das alles übern IoBroker das alles was nicht KNX ist, trozdem mit den Touchpanels gesteuert wird. Und jetzt die Visu die nochmal Übersetzungen braucht. hab mit 200h gerechnet die ich aber schon überschritten habe.

[Bacado]

@bacado jetzt muss ich schauen das ich den Color Picker auf HSV auf splitte. aber das ist für dich sicherlich ne kleinigkeit aus dem einen wert 3 werte auszugeben die ich wieder in iobroker schreiben kann?

[mickym]

@bacado Das heisst Du willst das Array in 3 einzelne Datenpunkte schreiben?

[Bacado]

@mickym ich muss schauen weil ich eigentlich ein RGB wert ins KNX schicken kann. Aber da muss ich schauen ob ich dort kollisionen bekomme weil ich auf einem anderen schon die HSV werte auf absolute setze. das kann sein das sich relativ und absoult nicht vertragen.

[mickym]

@bacado sagte in HEX in RGB Umwandeln?:

@bacado jetzt muss ich schauen das ich den Color Picker auf HSV auf splitte. aber das ist für dich sicherlich ne kleinigkeit aus dem einen wert 3 werte auszugeben die ich wieder in iobroker schreiben kann?

Meinst Du so?

[Bacado]

@mickym ja das müsste dann sein allerdings hat der Colorpicker ein Color Item und ein Brightness Item das verwirrt

[mickym]

@bacado Nein das wird mit einberechnet - ist beim NR Color Picker auch so:

Das heisst wenn ich die Brightness ändere - ändert sich der RGB Wert. Schwarz kann ein Lampe ja nicht darstellen^^ - das ist halt aus.

Sobald die Helligkeit bei 100% ist - spielen alle anderen Werte keine Rolle ist immer weiß:

ist die Hellligkeit 0 ist immer schwarz:

[Bacado]

@mickym
das ist der Colorpicker und rechts in dem gelben Feld ist das was man dann sieht und drunter ist nochmal seperat ne Helligkeitseinstellung sind 2 verschiedene Datenpunkte im IoBroker.

[mickym]

@bacado Für die Steuerung der Lampen sind das aber ggf. unterschiedliche Funktionen. Das heißt wenn Du rechts die Helligkeit auf 100% machst, dann ist das volle Leuchtstärke hat aber überhaupt nichts mit der Farbe zu tun.
Ein Helligkeit von 100 auf die Farbe bezogen ist aber immer weiß.

In meinen Augen sind das 2 verschiedene Stiefel. Das eine ist zum Dimmen durch Regelung der Leuchtstärke Strom und das andere ist Farbe mischen. ;)

[Bacado]

@mickym ja das ist genau das "Problem" HSV ist nochmal anders als HSL bei HSV haste Farbton Sättigung Helligkeit Aber halt im anderen spektrum

[mickym]

@bacado Ja jetzt begeben wir uns aber in ein Gebiet, wo ich nicht viel beitragen kann. Im Prinzip wird ja jede Farbe im Fernseher mit den 3 RGB Ebenen dargestellt. Aber ich bin da nun raus, weil ich denke das Du kein Softwareproblem hast, sondern wie die Hardware die Farben + Helligkeit darstellt.

Das kann ein Physiker wahrscheinlich besser erklären - mit additiver und subtraktiven Farbmischen etc.