Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. HEX in RGB Umwandeln?

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    HEX in RGB Umwandeln?

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      Bacado @mickym last edited by

      @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 1 Reply Last reply Reply Quote 0
      • mickym
        mickym Most Active @Bacado last edited by 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.

        1deb3081-95ee-4b10-8d66-0fc15f044caa-image.png

        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:

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

        B 1 Reply Last reply Reply Quote 0
        • B
          Bacado @mickym last edited by

          @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 B 3 Replies Last reply Reply Quote 0
          • mickym
            mickym Most Active @Bacado last edited by

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

            1 Reply Last reply Reply Quote 0
            • B
              Bacado @Bacado last edited by

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

              mickym 1 Reply Last reply Reply Quote 0
              • mickym
                mickym Most Active @Bacado last edited by

                @bacado Einfach den Flow importieren und bissi warten.

                1 Reply Last reply Reply Quote 0
                • mickym
                  mickym Most Active @Bacado last edited by

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

                  B 1 Reply Last reply Reply Quote 0
                  • B
                    Bacado @mickym last edited by

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

                    mickym 1 Reply Last reply Reply Quote 0
                    • mickym
                      mickym Most Active @Bacado last edited by 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.

                      B 1 Reply Last reply Reply Quote 0
                      • B
                        Bacado @mickym last edited by

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

                        B 1 Reply Last reply Reply Quote 0
                        • B
                          Bacado @Bacado last edited by

                          @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 2 Replies Last reply Reply Quote 0
                          • mickym
                            mickym Most Active @Bacado last edited by

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

                            B 1 Reply Last reply Reply Quote 0
                            • B
                              Bacado @mickym last edited by 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.

                              1 Reply Last reply Reply Quote 0
                              • mickym
                                mickym Most Active @Bacado last edited by

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

                                1050a207-727c-4470-99df-b3cdf2904376-image.png

                                B 2 Replies Last reply Reply Quote 0
                                • B
                                  Bacado @mickym last edited by Bacado

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

                                  mickym 1 Reply Last reply Reply Quote 0
                                  • mickym
                                    mickym Most Active @Bacado last edited by mickym

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

                                    de506c2a-0f5a-44af-b0bf-b220cb4426ba-image.png

                                    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ß:

                                    60944c4d-66d8-48bc-a574-e59e38e1bf60-image.png

                                    ist die Hellligkeit 0 ist immer schwarz:

                                    2d036a70-badd-4e41-956a-fb57711c5b7a-image.png

                                    B 1 Reply Last reply Reply Quote 0
                                    • B
                                      Bacado @mickym last edited by

                                      @mickym 4.png
                                      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 1 Reply Last reply Reply Quote 0
                                      • mickym
                                        mickym Most Active @Bacado last edited by 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. 😉

                                        B 1 Reply Last reply Reply Quote 1
                                        • B
                                          Bacado @mickym last edited by 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
                                          5.png

                                          mickym 1 Reply Last reply Reply Quote 0
                                          • mickym
                                            mickym Most Active @Bacado last edited by 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.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate
                                            FAQ Cloud / IOT
                                            HowTo: Node.js-Update
                                            HowTo: Backup/Restore
                                            Downloads
                                            BLOG

                                            769
                                            Online

                                            32.0k
                                            Users

                                            80.4k
                                            Topics

                                            1.3m
                                            Posts

                                            3
                                            88
                                            5146
                                            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