Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Tutorial: Vis-colorpicker CIE Color (x,y)

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.3k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.6k

Tutorial: Vis-colorpicker CIE Color (x,y)

Scheduled Pinned Locked Moved Visualisierung
vismaterial ui
53 Posts 15 Posters 13.3k Views 26 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • X Offline
    X Offline
    xbow42
    wrote on last edited by
    #9

    schon besser, aber es spring bei mir immer noch zum gelben Punkt.
    könnte mit vorstellen das es mit dem dimspeed oder colorloopspeed zusammenhängt.

    1 Reply Last reply
    0
    • E Offline
      E Offline
      exico66
      wrote on last edited by
      #10

      Bei mir das Gleiche. Kreuz springt auf Gelb und ich kann nur die Helligkeit regeln. Habt Ihr eine Lösung gefunden?

      NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
      Debian 10.2.0 amd64, Proxmox 6.1-1,

      diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

      Für jede Hilfe dankbar

      T 1 Reply Last reply
      0
      • E exico66

        Bei mir das Gleiche. Kreuz springt auf Gelb und ich kann nur die Helligkeit regeln. Habt Ihr eine Lösung gefunden?

        T Offline
        T Offline
        Tirador
        wrote on last edited by
        #11

        @exico66 hast du alle Änderungen in der Datei durchgeführt die vorher gepostet würden? Bei mir läuft es damit einwandfrei. Müsste nur iobroker neustarten, damit die Änderungen greifen.

        E 1 Reply Last reply
        0
        • T Tirador

          @exico66 hast du alle Änderungen in der Datei durchgeführt die vorher gepostet würden? Bei mir läuft es damit einwandfrei. Müsste nur iobroker neustarten, damit die Änderungen greifen.

          E Offline
          E Offline
          exico66
          wrote on last edited by
          #12

          @Tirador ja, alle Änderungen durchgeführt und auch iobroker neu gestartet.

          NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
          Debian 10.2.0 amd64, Proxmox 6.1-1,

          diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

          Für jede Hilfe dankbar

          T 1 Reply Last reply
          0
          • E exico66

            @Tirador ja, alle Änderungen durchgeführt und auch iobroker neu gestartet.

            T Offline
            T Offline
            Tirador
            wrote on last edited by
            #13

            @exico66 ich habe das Verhalten bei mir noch einmal beobachtet. Generell funktioniert es gut bei mir, wenn man gezielt nur einen Datenpunkt für die Farbauswahl wählt. Ich habe auch das springen wenn man im colorpicker wischt, mit dem Finger auf dem Tablet. Ich denke das ist erklärbar, da dann wahrscheinlich kontinuierlich Werte gesendet und wieder durch das Widget empfangen werden. Dabei kommt es zu einer Verzögerung denke ich.

            E 1 Reply Last reply
            0
            • T Tirador

              @exico66 ich habe das Verhalten bei mir noch einmal beobachtet. Generell funktioniert es gut bei mir, wenn man gezielt nur einen Datenpunkt für die Farbauswahl wählt. Ich habe auch das springen wenn man im colorpicker wischt, mit dem Finger auf dem Tablet. Ich denke das ist erklärbar, da dann wahrscheinlich kontinuierlich Werte gesendet und wieder durch das Widget empfangen werden. Dabei kommt es zu einer Verzögerung denke ich.

              E Offline
              E Offline
              exico66
              wrote on last edited by
              #14

              @Tirador bei mir stellt es sich anders dar. wenn ich mit der mouse gezielt einen farbpunkt auswähle, dann ist es genau so. die lampe wird keine sichtbare ms mit der gewählten farbe geschaltet, sie wird sofort gelb. nur dimmen geht.

              NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
              Debian 10.2.0 amd64, Proxmox 6.1-1,

              diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

              Für jede Hilfe dankbar

              T 1 Reply Last reply
              0
              • E exico66

                @Tirador bei mir stellt es sich anders dar. wenn ich mit der mouse gezielt einen farbpunkt auswähle, dann ist es genau so. die lampe wird keine sichtbare ms mit der gewählten farbe geschaltet, sie wird sofort gelb. nur dimmen geht.

                T Offline
                T Offline
                Tirador
                wrote on last edited by
                #15

                @exico66
                Ich habe das Verhalten nochmal beobachtet. Ich habe es nur beim ersten Mal das das Kreuz kurz auf gelb springt, aber im Anschluss auf den richtigen Farbwert.

                Was für eine Lampe hast du denn? Ich nutze die Philips Hue Birnen.
                Ich habe deconz in Version 1.2.6 im Einsatz. Ich bin außerdem auf der letzten Deconz Version 2.0.5.74.

                1 Reply Last reply
                0
                • E Offline
                  E Offline
                  exico66
                  wrote on last edited by
                  #16

                  Du hast Recht, mit einer Hue hat es funktioniert. Bei Osram ging es nicht, teste aber weiter

                  NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
                  Debian 10.2.0 amd64, Proxmox 6.1-1,

                  diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

                  Für jede Hilfe dankbar

                  1 Reply Last reply
                  0
                  • E Offline
                    E Offline
                    exico66
                    wrote on last edited by
                    #17

                    bei Osram sprimgt es, manchmal erst nach paar sekunden, immer zurück auf gelb. wenn du das noch fixen könntest ;-)
                    danke

                    NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
                    Debian 10.2.0 amd64, Proxmox 6.1-1,

                    diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

                    Für jede Hilfe dankbar

                    1 Reply Last reply
                    0
                    • B Offline
                      B Offline
                      BigStephan
                      wrote on last edited by BigStephan
                      #18

                      Hey,

                      meiner Meinung nach muss der Block so aussehen:

                                      handler.push(function () {
                                          if (cmd_id !== 'nothing_selected') {
                                              
                                              /*var cmd = picker.xy[0] + ',' + picker.xy[1]; (EDIT BEITRAG: Diese Zeile kann noch weg!)*/
                                              vis.setValue(xy_id, picker.xy[0] + ',' + picker.xy[1]);
                                              vis.setValue(level_id, Math.round(picker.xy[2] * 254));
                                          }
                                      });
                      
                                      var onChange = function () {
                                          var xy = vis.states[xy_id + '.val'].toString();
                                          var level = vis.states[level_id + '.val'] || 0;
                                          xy = xy.split(',');
                                          if (xy.length === 2) {
                                              picker.fromXY(parseFloat(xy[0]), parseFloat(xy[1]), parseInt(level) / 254);
                      
                                          }
                                      };
                      
                      
                                      vis.states.bind(xy_id    + '.val', onChange);
                                      vis.states.bind(level_id + '.val', onChange);
                                      onChange();
                      
                      
                      

                      Scheinbar bekommt er bei der Abfrage des IST-Wertes aus Deconz nicht immer einen String sondern irgendetwas undefiniertes zurück und setzt deshalb zwischenzeitlich immer wieder auf "0.5,0.5" zurück. Wenn man das zwangscasted, gehts (zumindest bei mir springt er nun nicht mehr hin und her).

                      Grüße

                      Stephan

                      T E 3 Replies Last reply
                      2
                      • B BigStephan

                        Hey,

                        meiner Meinung nach muss der Block so aussehen:

                                        handler.push(function () {
                                            if (cmd_id !== 'nothing_selected') {
                                                
                                                /*var cmd = picker.xy[0] + ',' + picker.xy[1]; (EDIT BEITRAG: Diese Zeile kann noch weg!)*/
                                                vis.setValue(xy_id, picker.xy[0] + ',' + picker.xy[1]);
                                                vis.setValue(level_id, Math.round(picker.xy[2] * 254));
                                            }
                                        });
                        
                                        var onChange = function () {
                                            var xy = vis.states[xy_id + '.val'].toString();
                                            var level = vis.states[level_id + '.val'] || 0;
                                            xy = xy.split(',');
                                            if (xy.length === 2) {
                                                picker.fromXY(parseFloat(xy[0]), parseFloat(xy[1]), parseInt(level) / 254);
                        
                                            }
                                        };
                        
                        
                                        vis.states.bind(xy_id    + '.val', onChange);
                                        vis.states.bind(level_id + '.val', onChange);
                                        onChange();
                        
                        
                        

                        Scheinbar bekommt er bei der Abfrage des IST-Wertes aus Deconz nicht immer einen String sondern irgendetwas undefiniertes zurück und setzt deshalb zwischenzeitlich immer wieder auf "0.5,0.5" zurück. Wenn man das zwangscasted, gehts (zumindest bei mir springt er nun nicht mehr hin und her).

                        Grüße

                        Stephan

                        T Offline
                        T Offline
                        Tirador
                        wrote on last edited by Tirador
                        #19

                        @BigStephan Danke für deine Änderung. Ich habe den Code mal übernommen. ich hatte nur initial manchmal, dass der Wert gesprungen ist. Ich werde berichten.

                        1 Reply Last reply
                        0
                        • B Offline
                          B Offline
                          BigStephan
                          wrote on last edited by
                          #20

                          Was mir aber absolut unlogisch vorkommt:

                          Mache ich den Picker im Editor der Visu zum ersten mal auf, passt die aktuell real an der Lampe eingestellte Farbe und die Helligkeit mit dem Picker zusammen. Egal ob Seite neu geladen oder komplett neu gestartet.

                          In der Visu später selbst, passt das beim ersten Öffnen des Pickers nicht....hier steht der Picker bei mir immer auf Blau (ganz unten links) und 100% Helligkeit. Schließe ich diesen und öffne ihn erneut oder wechsle die View zwischendurch behält er die Werte allerdings. Nur beim Neuladen der Seite fehlen sie.

                          Im Code wird das onChange() einmal beim Scriptstart aufgerufen und sorgt dann dafür, dass offenbar beim ersten Öffnen im Editor die Werte aus Deconz geladen werden und der Picker gleich richtige Werte zeigt.
                          Das wird aber in der Visu selbst nicht gemacht....

                          Mir ist der Code an dieser Stelle zu hoch....hier müßten sich die Autoren mal zu äußern (@hobbyquaker, @Bluefox ) :-)

                          Grüße

                          Stephan

                          E D 2 Replies Last reply
                          0
                          • B BigStephan

                            Hey,

                            meiner Meinung nach muss der Block so aussehen:

                                            handler.push(function () {
                                                if (cmd_id !== 'nothing_selected') {
                                                    
                                                    /*var cmd = picker.xy[0] + ',' + picker.xy[1]; (EDIT BEITRAG: Diese Zeile kann noch weg!)*/
                                                    vis.setValue(xy_id, picker.xy[0] + ',' + picker.xy[1]);
                                                    vis.setValue(level_id, Math.round(picker.xy[2] * 254));
                                                }
                                            });
                            
                                            var onChange = function () {
                                                var xy = vis.states[xy_id + '.val'].toString();
                                                var level = vis.states[level_id + '.val'] || 0;
                                                xy = xy.split(',');
                                                if (xy.length === 2) {
                                                    picker.fromXY(parseFloat(xy[0]), parseFloat(xy[1]), parseInt(level) / 254);
                            
                                                }
                                            };
                            
                            
                                            vis.states.bind(xy_id    + '.val', onChange);
                                            vis.states.bind(level_id + '.val', onChange);
                                            onChange();
                            
                            
                            

                            Scheinbar bekommt er bei der Abfrage des IST-Wertes aus Deconz nicht immer einen String sondern irgendetwas undefiniertes zurück und setzt deshalb zwischenzeitlich immer wieder auf "0.5,0.5" zurück. Wenn man das zwangscasted, gehts (zumindest bei mir springt er nun nicht mehr hin und her).

                            Grüße

                            Stephan

                            E Offline
                            E Offline
                            exico66
                            wrote on last edited by
                            #21

                            @BigStephan Danke, das werde ich heute mal testen und berichten.

                            NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
                            Debian 10.2.0 amd64, Proxmox 6.1-1,

                            diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

                            Für jede Hilfe dankbar

                            1 Reply Last reply
                            0
                            • B BigStephan

                              Was mir aber absolut unlogisch vorkommt:

                              Mache ich den Picker im Editor der Visu zum ersten mal auf, passt die aktuell real an der Lampe eingestellte Farbe und die Helligkeit mit dem Picker zusammen. Egal ob Seite neu geladen oder komplett neu gestartet.

                              In der Visu später selbst, passt das beim ersten Öffnen des Pickers nicht....hier steht der Picker bei mir immer auf Blau (ganz unten links) und 100% Helligkeit. Schließe ich diesen und öffne ihn erneut oder wechsle die View zwischendurch behält er die Werte allerdings. Nur beim Neuladen der Seite fehlen sie.

                              Im Code wird das onChange() einmal beim Scriptstart aufgerufen und sorgt dann dafür, dass offenbar beim ersten Öffnen im Editor die Werte aus Deconz geladen werden und der Picker gleich richtige Werte zeigt.
                              Das wird aber in der Visu selbst nicht gemacht....

                              Mir ist der Code an dieser Stelle zu hoch....hier müßten sich die Autoren mal zu äußern (@hobbyquaker, @Bluefox ) :-)

                              Grüße

                              Stephan

                              E Offline
                              E Offline
                              exico66
                              wrote on last edited by
                              #22

                              @BigStephan Leider springt der Picker bei meinen Osram weiterhin.

                              NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
                              Debian 10.2.0 amd64, Proxmox 6.1-1,

                              diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

                              Für jede Hilfe dankbar

                              1 Reply Last reply
                              0
                              • B BigStephan

                                Hey,

                                meiner Meinung nach muss der Block so aussehen:

                                                handler.push(function () {
                                                    if (cmd_id !== 'nothing_selected') {
                                                        
                                                        /*var cmd = picker.xy[0] + ',' + picker.xy[1]; (EDIT BEITRAG: Diese Zeile kann noch weg!)*/
                                                        vis.setValue(xy_id, picker.xy[0] + ',' + picker.xy[1]);
                                                        vis.setValue(level_id, Math.round(picker.xy[2] * 254));
                                                    }
                                                });
                                
                                                var onChange = function () {
                                                    var xy = vis.states[xy_id + '.val'].toString();
                                                    var level = vis.states[level_id + '.val'] || 0;
                                                    xy = xy.split(',');
                                                    if (xy.length === 2) {
                                                        picker.fromXY(parseFloat(xy[0]), parseFloat(xy[1]), parseInt(level) / 254);
                                
                                                    }
                                                };
                                
                                
                                                vis.states.bind(xy_id    + '.val', onChange);
                                                vis.states.bind(level_id + '.val', onChange);
                                                onChange();
                                
                                
                                

                                Scheinbar bekommt er bei der Abfrage des IST-Wertes aus Deconz nicht immer einen String sondern irgendetwas undefiniertes zurück und setzt deshalb zwischenzeitlich immer wieder auf "0.5,0.5" zurück. Wenn man das zwangscasted, gehts (zumindest bei mir springt er nun nicht mehr hin und her).

                                Grüße

                                Stephan

                                E Offline
                                E Offline
                                exico66
                                wrote on last edited by
                                #23

                                @BigStephan tatsächlich funktioniert es jetzt auch mit meinen Osramlampen. Mein Fehler war, dass ich Deine Zeilen kopiert und eingefügt hatte und es dabei so einiges zerhauen hatte. Händisch eingetragen geht es jetzt. Läuft tadellos. Vielen Dank !!!!

                                NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
                                Debian 10.2.0 amd64, Proxmox 6.1-1,

                                diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

                                Für jede Hilfe dankbar

                                Z 1 Reply Last reply
                                0
                                • E exico66

                                  @BigStephan tatsächlich funktioniert es jetzt auch mit meinen Osramlampen. Mein Fehler war, dass ich Deine Zeilen kopiert und eingefügt hatte und es dabei so einiges zerhauen hatte. Händisch eingetragen geht es jetzt. Läuft tadellos. Vielen Dank !!!!

                                  Z Offline
                                  Z Offline
                                  zgadgeter
                                  wrote on last edited by
                                  #24

                                  @exico66 said in Tutorial: Vis-colorpicker CIE Color (x,y):

                                  @BigStephan tatsächlich funktioniert es jetzt auch mit meinen Osramlampen. Mein Fehler war, dass ich Deine Zeilen kopiert und eingefügt hatte und es dabei so einiges zerhauen hatte. Händisch eingetragen geht es jetzt. Läuft tadellos. Vielen Dank !!!!

                                  Hi, darf ich fragen was Du genau gemacht hast mit Osram? Ich habe eine Osram Flex Lichterkette...probiere die ueber colorpicker zu steuern...mir ist aber nicht klar was ich wo eintragen muss?
                                  danke.

                                  E 1 Reply Last reply
                                  0
                                  • Z zgadgeter

                                    @exico66 said in Tutorial: Vis-colorpicker CIE Color (x,y):

                                    @BigStephan tatsächlich funktioniert es jetzt auch mit meinen Osramlampen. Mein Fehler war, dass ich Deine Zeilen kopiert und eingefügt hatte und es dabei so einiges zerhauen hatte. Händisch eingetragen geht es jetzt. Läuft tadellos. Vielen Dank !!!!

                                    Hi, darf ich fragen was Du genau gemacht hast mit Osram? Ich habe eine Osram Flex Lichterkette...probiere die ueber colorpicker zu steuern...mir ist aber nicht klar was ich wo eintragen muss?
                                    danke.

                                    E Offline
                                    E Offline
                                    exico66
                                    wrote on last edited by exico66
                                    #25

                                    @zgadgeter Die Datei zum Editieren wie oben beschrieben aufrufen. Den gesamten Inhalt mit dem Inhalt der Datei ersetzen.
                                    Colorpicker für CIE.docx

                                    NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
                                    Debian 10.2.0 amd64, Proxmox 6.1-1,

                                    diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

                                    Für jede Hilfe dankbar

                                    Z 1 Reply Last reply
                                    0
                                    • E exico66

                                      @zgadgeter Die Datei zum Editieren wie oben beschrieben aufrufen. Den gesamten Inhalt mit dem Inhalt der Datei ersetzen.
                                      Colorpicker für CIE.docx

                                      Z Offline
                                      Z Offline
                                      zgadgeter
                                      wrote on last edited by
                                      #26

                                      @exico66 Hi, und danke. Das habe ich so gemacht, komme aber trotzdem nicht weiter.
                                      Also in der Vis habe ich folgendes zur Auswahl:
                                      71eae42d-cee4-4d60-9e56-e028a01ba1c6-image.png
                                      Welche sollte ich nehmen?
                                      Wenn ich z.B. das Philips Hue widget nehme habe ich folgendes zum eintragen:
                                      a3b55090-9688-47c3-b434-4f81ae27578b-image.png
                                      Und bei der Osram haben das zur Auswahl:
                                      37b5df7d-0b21-49c1-a3f8-41c6b36fb65a-image.png

                                      Welchen Parameter sollte ich das auswaehlen?
                                      danke.

                                      E 1 Reply Last reply
                                      0
                                      • Z zgadgeter

                                        @exico66 Hi, und danke. Das habe ich so gemacht, komme aber trotzdem nicht weiter.
                                        Also in der Vis habe ich folgendes zur Auswahl:
                                        71eae42d-cee4-4d60-9e56-e028a01ba1c6-image.png
                                        Welche sollte ich nehmen?
                                        Wenn ich z.B. das Philips Hue widget nehme habe ich folgendes zum eintragen:
                                        a3b55090-9688-47c3-b434-4f81ae27578b-image.png
                                        Und bei der Osram haben das zur Auswahl:
                                        37b5df7d-0b21-49c1-a3f8-41c6b36fb65a-image.png

                                        Welchen Parameter sollte ich das auswaehlen?
                                        danke.

                                        E Offline
                                        E Offline
                                        exico66
                                        wrote on last edited by
                                        #27

                                        @zgadgeter das ist doch weiter oben alles beschrieben. Installier den Stripe mal neu. Folgende Datenpunkte müssen da sein ( ist der gleiche Stripe den Du hast)
                                        als widget das "Hue" nehmen.
                                        55fe3078-0969-4fee-b402-86155a1ad26b-grafik.png

                                        NUC5i5RYH 12GB Ram, 120GB SSD, 1TB Sata, Conbee 3
                                        Debian 10.2.0 amd64, Proxmox 6.1-1,

                                        diverse Hue, Osram smart, alles was Zigbee kann und ein paar Groove

                                        Für jede Hilfe dankbar

                                        Z 2 Replies Last reply
                                        0
                                        • E exico66

                                          @zgadgeter das ist doch weiter oben alles beschrieben. Installier den Stripe mal neu. Folgende Datenpunkte müssen da sein ( ist der gleiche Stripe den Du hast)
                                          als widget das "Hue" nehmen.
                                          55fe3078-0969-4fee-b402-86155a1ad26b-grafik.png

                                          Z Offline
                                          Z Offline
                                          zgadgeter
                                          wrote on last edited by
                                          #28

                                          @exico66 said in Tutorial: Vis-colorpicker CIE Color (x,y):

                                          @zgadgeter das ist doch weiter oben alles beschrieben. Installier den Stripe mal neu. Folgende Datenpunkte müssen da sein ( ist der gleiche Stripe den Du hast)

                                          OK, heisst bei meinem pairing ist was falsch gelaufen weil ich diese ganzen Datenpunkte nicht habe? Ich probiere es nochmals....

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          539

                                          Online

                                          32.5k

                                          Users

                                          81.7k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe