Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. WLED Color Picker über Yahka

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.4k

WLED Color Picker über Yahka

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
wledyahkayahka adapterio brokerled streifenled strip
19 Beiträge 7 Kommentatoren 3.1k Aufrufe 7 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • DutchmanD Dutchman

    @cynric10 sagte in WLED Color Picker über Yahka:

    Das mit dem script hört sich ja sehr gut an!
    Wie würde man dieses script dann einbinden?

    im gründe copy/paste und einen Datenpunkt eintragen, ich setze mich da die tage mal dran.
    Hmm, oder implementiere HSV im adapter muss ich noch drüber nachdenken :/

    Cynric10C Offline
    Cynric10C Offline
    Cynric10
    schrieb am zuletzt editiert von
    #5

    @dutchman

    Also wegen mir musst du dir keinen Stress machen ;)

    Finde es schon mal gut das jemand mein Problem versteht und es Lösungen gäbe :)

    Danke dir nochmal! Lass mich wissen wenn du weitergekommen bist.

    1 Antwort Letzte Antwort
    0
    • DutchmanD Dutchman

      @cynric10 sagte in WLED Color Picker über Yahka:

      Das mit dem script hört sich ja sehr gut an!
      Wie würde man dieses script dann einbinden?

      im gründe copy/paste und einen Datenpunkt eintragen, ich setze mich da die tage mal dran.
      Hmm, oder implementiere HSV im adapter muss ich noch drüber nachdenken :/

      M Offline
      M Offline
      moonwalker
      schrieb am zuletzt editiert von
      #6

      @dutchman
      Hallo ich habe auch ein Problem mit der Farbe in yahka hast du vielleicht einen Tipp?https://forum.iobroker.net/topic/47677/yahka-with-hue-bridged-lamp?_=1631476246331

      DutchmanD 1 Antwort Letzte Antwort
      0
      • M moonwalker

        @dutchman
        Hallo ich habe auch ein Problem mit der Farbe in yahka hast du vielleicht einen Tipp?https://forum.iobroker.net/topic/47677/yahka-with-hue-bridged-lamp?_=1631476246331

        DutchmanD Offline
        DutchmanD Offline
        Dutchman
        Developer Most Active Administrators
        schrieb am zuletzt editiert von
        #7

        @moonwalker sagte in WLED Color Picker über Yahka:

        @dutchman
        Hallo ich habe auch ein Problem mit der Farbe in yahka hast du vielleicht einen Tipp?https://forum.iobroker.net/topic/47677/yahka-with-hue-bridged-lamp?_=1631476246331

        Leider nein ich habe die Produkte nicht

        M 1 Antwort Letzte Antwort
        0
        • DutchmanD Dutchman

          @moonwalker sagte in WLED Color Picker über Yahka:

          @dutchman
          Hallo ich habe auch ein Problem mit der Farbe in yahka hast du vielleicht einen Tipp?https://forum.iobroker.net/topic/47677/yahka-with-hue-bridged-lamp?_=1631476246331

          Leider nein ich habe die Produkte nicht

          M Offline
          M Offline
          moonwalker
          schrieb am zuletzt editiert von
          #8

          @dutchman

          danke aber liegt das an den Innr Lampen selbst oder an der HUE Bridge ... über die HUE App funktionieren sie ja auch einwandfrei. Was meinst du?

          DutchmanD 1 Antwort Letzte Antwort
          0
          • M moonwalker

            @dutchman

            danke aber liegt das an den Innr Lampen selbst oder an der HUE Bridge ... über die HUE App funktionieren sie ja auch einwandfrei. Was meinst du?

            DutchmanD Offline
            DutchmanD Offline
            Dutchman
            Developer Most Active Administrators
            schrieb am zuletzt editiert von
            #9

            @moonwalker sagte in WLED Color Picker über Yahka:

            @dutchman

            danke aber liegt das an den Innr Lampen selbst oder an der HUE Bridge ... über die HUE App funktionieren sie ja auch einwandfrei. Was meinst du?

            kan ich dir leider nicht sagen, ich benutze keine hue bridge und hatte bisher mit Zigbee stick nie probleme

            M 1 Antwort Letzte Antwort
            0
            • DutchmanD Dutchman

              @moonwalker sagte in WLED Color Picker über Yahka:

              @dutchman

              danke aber liegt das an den Innr Lampen selbst oder an der HUE Bridge ... über die HUE App funktionieren sie ja auch einwandfrei. Was meinst du?

              kan ich dir leider nicht sagen, ich benutze keine hue bridge und hatte bisher mit Zigbee stick nie probleme

              M Offline
              M Offline
              moonwalker
              schrieb am zuletzt editiert von
              #10

              @dutchman vielen dank dann werd ich mal einen Stick testen, kannst du mir einen empfehlen?

              DutchmanD 1 Antwort Letzte Antwort
              0
              • M moonwalker

                @dutchman vielen dank dann werd ich mal einen Stick testen, kannst du mir einen empfehlen?

                DutchmanD Offline
                DutchmanD Offline
                Dutchman
                Developer Most Active Administrators
                schrieb am zuletzt editiert von
                #11

                @moonwalker sagte in WLED Color Picker über Yahka:

                @dutchman vielen dank dann werd ich mal einen Stick testen, kannst du mir einen empfehlen?

                Das ti-board, hier im Forum gibts auch einige Fabrikate u.a. Hat @arteck einen Post dazu gemacht

                1 Antwort Letzte Antwort
                0
                • DutchmanD Dutchman

                  @cynric10 sagte in WLED Color Picker über Yahka:

                  Leider finde ich im WLED das Objekt "hue" nicht auf welche viele Foren Einträge hinweisen. Dieses würde man anscheinend dafür benötigen.

                  Hi, WLED stellt keinen HUE wert zur verfügung und arbeitet mit RGB. bzw HEX.
                  Leider kennt Yahia nur die HomeKit Variante mit HUE etc..... Selbes problem habe ich mit manchen Zigbee Geräten.

                  Ich hätte da ein script was hex/rgb umsetzen kan in HSV (als Hue/Saturation etc.) das muss ich noch bissl optimieren kan es dan aber gerne bereitstellen. dan wurde wir im userdaten ordner fuer die WLED einen extra state bekommen der synchronisier und halt hex/rgb nach HSV übersetzt fuer Yahaka

                  B Offline
                  B Offline
                  Bully85
                  schrieb am zuletzt editiert von
                  #12

                  @dutchman Hallo hast du das Script fertig und würdest es frei geben? Ich hätte interesse.

                  DutchmanD 1 Antwort Letzte Antwort
                  0
                  • B Bully85

                    @dutchman Hallo hast du das Script fertig und würdest es frei geben? Ich hätte interesse.

                    DutchmanD Offline
                    DutchmanD Offline
                    Dutchman
                    Developer Most Active Administrators
                    schrieb am zuletzt editiert von
                    #13

                    @bully85 sagte in WLED Color Picker über Yahka:

                    @dutchman Hallo hast du das Script fertig und würdest es frei geben? Ich hätte interesse.

                    danke fuer den reminder... ja lauft hier hatte noch n kleine problem im Yak ich kümmere mich heute im laufe des mittags / spaetens abends drum ... versprochen ist versprochen :/ entschuldige bitte fuers warten ist mir komplett von der to-do liste gerutscht

                    B 1 Antwort Letzte Antwort
                    0
                    • DutchmanD Dutchman

                      @bully85 sagte in WLED Color Picker über Yahka:

                      @dutchman Hallo hast du das Script fertig und würdest es frei geben? Ich hätte interesse.

                      danke fuer den reminder... ja lauft hier hatte noch n kleine problem im Yak ich kümmere mich heute im laufe des mittags / spaetens abends drum ... versprochen ist versprochen :/ entschuldige bitte fuers warten ist mir komplett von der to-do liste gerutscht

                      B Offline
                      B Offline
                      Bully85
                      schrieb am zuletzt editiert von
                      #14

                      @dutchman Kein problem schließlich hilfst du mir/uns und dann darfst auch du die geschwindigkeit angeben. Danke im Vorraus

                      DutchmanD 1 Antwort Letzte Antwort
                      0
                      • B Bully85

                        @dutchman Kein problem schließlich hilfst du mir/uns und dann darfst auch du die geschwindigkeit angeben. Danke im Vorraus

                        DutchmanD Offline
                        DutchmanD Offline
                        Dutchman
                        Developer Most Active Administrators
                        schrieb am zuletzt editiert von Dutchman
                        #15

                        @bully85 sagte in WLED Color Picker über Yahka:

                        @dutchman Kein problem schließlich hilfst du mir/uns und dann darfst auch du die geschwindigkeit angeben. Danke im Vorraus

                        So und wieder hat es länger gedauert als geplant, musste noch n par bugs ausbügeln. im script :/

                        ok, hier der HEX/HSV converter damit man jeden HEX wert von ioBroker im Yahka verwenden kan.

                        Man muss im script ganz am Anfang die Datenpunkte hinterlegen wo der hex wert steht (source)

                        Beispiel :

                        // Add the state containing HEX values here :
                        const colorSourceHex = [
                            'zigbee.0.group_2.color',     // Wohnzimmer Lampen
                            'wled.0.cc50e35b832b.seg.0.col.0_HEX' // TreppenLicht
                        ];
                        
                        

                        Danach erstellt das script im 0_userdata ordner eine object Struktur fuer jeden hex wert, darin sind dan die HUE und Situation welche man fuer Yak benötigt

                        Schermafbeelding 2021-10-11 om 14.50.47.png

                        Ab jetzt synchronisiert daas script jeder aenderung im HS(V) wert im 0_Userdata ordner mit dem HEX wert, auch wen man anderweitig den HEX wert ändert wird das nach 0_userdate Ordner übertragen.

                        Damit müssten wir den sync in beiden Richtungen fertig haben :)

                        Hier das script (wen da so laeuft bei euch mach ich ne final 1.0 und saubere den code noch n wenig):

                        // ##############################
                        // ######### DutchmanNL #########
                        // ###### HSV Color to HEX ######
                        // ############ V1.0 ############
                        // ##############################
                        
                        // Add the state containing HEX values here :
                        const colorSourceHex = [
                            'zigbee.0.group_2.color',     // Beispiel Zigbee
                                'wled.0.cc50e35b832b.seg.0.col.0_HEX' // Beispeil WLED
                        ];
                        
                        // #####################################
                        // ## Don't change anything from here ##
                        // #####################################
                        
                        // Prepare variables
                        const mySubscription = {}, debounceTimer = {};
                        
                        // Create Folder structure
                        extendObjectAsync(`0_userdata.0.HEXtoHSL` , {
                            "type": "folder",
                            "common": {
                            "name": 'Convert HEX to HSL color',
                                "role": "",
                                "icon": "",
                        },
                            "native": {},
                        });
                        
                        // Read all array objects, create new state in javascript instance and subscribe on changes
                        for (const device in colorSourceHex) {
                        
                            // Define folder structure in userdata directory
                            const statePrepare = colorSourceHex[device].split('.');
                        	const deviceName = `0_userdata.0.HEXtoHSL.${statePrepare[0]}_${statePrepare[1]}_${statePrepare[2]}`
                        
                            // Create Device Structure
                            extendObjectAsync(deviceName , {
                                "type": "device",
                                "common": {
                                "name": statePrepare[2],
                                    "role": "",
                                    "icon": "",
                            },
                                "native": {},
                            });
                        
                            // States to cover Hue and Sat values
                        	createState(`${deviceName}.hue` , {
                        		'name': `Hue of ${statePrepare[2]}`,
                        		'role': 'level.color.hue',
                        		'type': 'number'
                        	});
                        	// @ts-ignore
                        	createState(`${deviceName}.sat`, {
                        		'name': `Sat of ${statePrepare[2]}`,
                        		'role': 'level.color.sat',
                        		'type': 'number'
                        	});
                        
                        	// Subscribe on state changes for HUE and Saturation
                        	// @ts-ignore
                        	mySubscription[`${deviceName}.hue`] = on(
                                [`${deviceName}.hue`, 
                                `${deviceName}.sat`
                                ], (data) => {
                        
                                // DebounceTimer
                                // Reset timer (if running) and start new one for next watchdog interval
                        		if (debounceTimer[colorSourceHex[device]]) {
                        			clearTimeout(debounceTimer[colorSourceHex[device]]);
                        			debounceTimer[colorSourceHex[device]] = null;
                        		}
                        		debounceTimer[colorSourceHex[device]] = setTimeout(() => {
                        
                                    if (!data.state.ack){
                                        const h = getState(`${deviceName}.hue`).val / 360;
                                        const s = getState(`${deviceName}.sat`).val / 100;
                                        const v = 1;
                                        const colorRGB = hsvTOrgb(h,s,v)
                                        const colorHEX = rgbTOhex(colorRGB)
                                        // console.log(`HSV value : ${h}, ${s}, ${v}`);
                                        setState(`${colorSourceHex[device]}`, colorHEX);
                                    }
                                
                                }, (500));
                            });
                        
                            // Subscribe on state changes for HEX surce
                            mySubscription[`${deviceName}.hue`] = on(
                                [
                                `${colorSourceHex[device]}`,
                                ], (data) => {
                                // DebounceTimer
                        		if (debounceTimer[colorSourceHex[device]]) {
                        			clearTimeout(debounceTimer[colorSourceHex[device]]);
                        			debounceTimer[colorSourceHex[device]] = null;
                        		}
                        		debounceTimer[colorSourceHex[device]] = setTimeout(() => {
                                    
                                        // console.log(`Device change detected : ${JSON.stringify(data.id)} value : ${data.state.val} | ack : ${data.state.ack}`);
                                        const colorHEX = data.state.val;
                                        const colorRGB = hexTOrgb(colorHEX)
                                        const colorHSV = rgbTOhsv(colorRGB)
                                        const h = roundDigit(colorHSV[0]);
                                        console.log(colorHSV);
                                        const s = roundDigit(colorHSV[1]);
                                        setState(`${deviceName}.sat`, s, true);
                                        setState(`${deviceName}.hue`, h, true);
                                    
                        
                                }, (500));
                        
                            });
                        }
                        
                        ////////////////Funktionen////////////////
                        /**
                         * Coonvert HSV to RGB
                         * @param {number} h - HUE value 
                         * @param {number} s - Saturation value 
                         * @param {number} v - Brightness value 
                         */
                        function hsvTOrgb(h, s, v) {
                                    var r, g, b, i, f, p, q, t;
                                    i = Math.floor(h * 6);
                                    f = h * 6 - i;
                                    p = v * (1 - s);
                                    q = v * (1 - f * s);
                                    t = v * (1 - (1 - f) * s);
                                    switch (i % 6) {
                                        case 0: r = v, g = t, b = p; break;
                                        case 1: r = q, g = v, b = p; break;
                                        case 2: r = p, g = v, b = t; break;
                                        case 3: r = p, g = q, b = v; break;
                                        case 4: r = t, g = p, b = v; break;
                                        case 5: r = v, g = p, b = q; break;
                                    }
                                    console.log(`${r} ${g} ${b}`)
                                    r=Math.round(255 * r);
                                    g=Math.round(255 * g);
                                    b=Math.round(255 * b);
                                    return [r,g,b];
                        };
                        
                        function rgbTOhsv(rgb) {
                        	let rdif;
                        	let gdif;
                        	let bdif;
                        	let h;
                        	let s;
                        
                        	const r = rgb[0] / 255;
                        	const g = rgb[1] / 255;
                        	const b = rgb[2] / 255;
                        	const v = Math.max(r, g, b);
                        	const diff = v - Math.min(r, g, b);
                        	const diffc = function (c) {
                        		return (v - c) / 6 / diff + 1 / 2;
                        	};
                        
                        	if (diff === 0) {
                        		h = 0;
                        		s = 0;
                        	} else {
                        		s = diff / v;
                        		rdif = diffc(r);
                        		gdif = diffc(g);
                        		bdif = diffc(b);
                        
                        		if (r === v) {
                        			h = bdif - gdif;
                        		} else if (g === v) {
                        			h = (1 / 3) + rdif - bdif;
                        		} else if (b === v) {
                        			h = (2 / 3) + gdif - rdif;
                        		}
                        
                        		if (h < 0) {
                        			h += 1;
                        		} else if (h > 1) {
                        			h -= 1;
                        		}
                        	}
                        
                        	return [
                        		h * 360,
                        		s * 100,
                        		v * 100
                        	];
                        };
                        
                        function rgbTOhex (args) {
                        	const integer = ((Math.round(args[0]) & 0xFF) << 16)
                        		+ ((Math.round(args[1]) & 0xFF) << 8)
                        		+ (Math.round(args[2]) & 0xFF);
                        
                        	const string = integer.toString(16).toUpperCase();
                        	return '000000'.substring(string.length) + string;
                        };
                        
                        //In HEX konvertieren
                        function toHex(number) {
                            if (number < 0) number = 0xFFFFFFFF + number + 1;
                            var n = number.toString(16).toUpperCase();
                            if (n.length == 1) {
                                n = '0' + n;
                            }
                            return n;
                        }
                        
                        // Function to convert HEX to RGB 
                        function hexTOrgb(args) {
                            const match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
                        
                            if (!match) {
                                return [0, 0, 0];
                            }
                        
                            let colorString = match[0];
                        
                            if (match[0].length === 3) {
                                colorString = colorString.split('').map(char => {
                                    return char + char;
                                }).join('');
                            }
                        
                            const integer = parseInt(colorString, 16);
                            const r = (integer >> 16) & 0xFF;
                            const g = (integer >> 8) & 0xFF;
                            const b = integer & 0xFF;
                            return [r, g, b];
                        };
                        
                        // Function to convert RGB to HSL
                        function rgbTOhsl (rgb) {
                        	const r = rgb[0] / 255;
                        	const g = rgb[1] / 255;
                        	const b = rgb[2] / 255;
                        	const min = Math.min(r, g, b);
                        	const max = Math.max(r, g, b);
                        	const delta = max - min;
                        	let h;
                        	let s;
                        
                        	if (max === min) {
                        		h = 0;
                        	} else if (r === max) {
                        		h = (g - b) / delta;
                        	} else if (g === max) {
                        		h = 2 + (b - r) / delta;
                        	} else if (b === max) {
                        		h = 4 + (r - g) / delta;
                        	}
                        
                        	h = Math.min(h * 60, 360);
                        
                        	if (h < 0) {
                        		h += 360;
                        	}
                        
                        	const l = (min + max) / 2;
                        
                        	if (max === min) {
                        		s = 0;
                        	} else if (l <= 0.5) {
                        		s = delta / (max + min);
                        	} else {
                        		s = delta / (2 - max - min);
                        	}
                        
                        	return [h, s * 100, l * 100];
                        };
                        
                        // Funtion to round digits properly
                        function roundDigit(num){
                            // return Math.round((num + Number.EPSILON) * 100) / 100
                            return Math.round((num + Number.EPSILON));
                        }
                        

                        Und so muss es dan im Yak konfiguriert Werdern, WLED kennt keine ColorTemp

                        Schermafbeelding 2021-10-11 om 14.55.23.png

                        B FenriswolfF 2 Antworten Letzte Antwort
                        0
                        • DutchmanD Dutchman

                          @bully85 sagte in WLED Color Picker über Yahka:

                          @dutchman Kein problem schließlich hilfst du mir/uns und dann darfst auch du die geschwindigkeit angeben. Danke im Vorraus

                          So und wieder hat es länger gedauert als geplant, musste noch n par bugs ausbügeln. im script :/

                          ok, hier der HEX/HSV converter damit man jeden HEX wert von ioBroker im Yahka verwenden kan.

                          Man muss im script ganz am Anfang die Datenpunkte hinterlegen wo der hex wert steht (source)

                          Beispiel :

                          // Add the state containing HEX values here :
                          const colorSourceHex = [
                              'zigbee.0.group_2.color',     // Wohnzimmer Lampen
                              'wled.0.cc50e35b832b.seg.0.col.0_HEX' // TreppenLicht
                          ];
                          
                          

                          Danach erstellt das script im 0_userdata ordner eine object Struktur fuer jeden hex wert, darin sind dan die HUE und Situation welche man fuer Yak benötigt

                          Schermafbeelding 2021-10-11 om 14.50.47.png

                          Ab jetzt synchronisiert daas script jeder aenderung im HS(V) wert im 0_Userdata ordner mit dem HEX wert, auch wen man anderweitig den HEX wert ändert wird das nach 0_userdate Ordner übertragen.

                          Damit müssten wir den sync in beiden Richtungen fertig haben :)

                          Hier das script (wen da so laeuft bei euch mach ich ne final 1.0 und saubere den code noch n wenig):

                          // ##############################
                          // ######### DutchmanNL #########
                          // ###### HSV Color to HEX ######
                          // ############ V1.0 ############
                          // ##############################
                          
                          // Add the state containing HEX values here :
                          const colorSourceHex = [
                              'zigbee.0.group_2.color',     // Beispiel Zigbee
                                  'wled.0.cc50e35b832b.seg.0.col.0_HEX' // Beispeil WLED
                          ];
                          
                          // #####################################
                          // ## Don't change anything from here ##
                          // #####################################
                          
                          // Prepare variables
                          const mySubscription = {}, debounceTimer = {};
                          
                          // Create Folder structure
                          extendObjectAsync(`0_userdata.0.HEXtoHSL` , {
                              "type": "folder",
                              "common": {
                              "name": 'Convert HEX to HSL color',
                                  "role": "",
                                  "icon": "",
                          },
                              "native": {},
                          });
                          
                          // Read all array objects, create new state in javascript instance and subscribe on changes
                          for (const device in colorSourceHex) {
                          
                              // Define folder structure in userdata directory
                              const statePrepare = colorSourceHex[device].split('.');
                          	const deviceName = `0_userdata.0.HEXtoHSL.${statePrepare[0]}_${statePrepare[1]}_${statePrepare[2]}`
                          
                              // Create Device Structure
                              extendObjectAsync(deviceName , {
                                  "type": "device",
                                  "common": {
                                  "name": statePrepare[2],
                                      "role": "",
                                      "icon": "",
                              },
                                  "native": {},
                              });
                          
                              // States to cover Hue and Sat values
                          	createState(`${deviceName}.hue` , {
                          		'name': `Hue of ${statePrepare[2]}`,
                          		'role': 'level.color.hue',
                          		'type': 'number'
                          	});
                          	// @ts-ignore
                          	createState(`${deviceName}.sat`, {
                          		'name': `Sat of ${statePrepare[2]}`,
                          		'role': 'level.color.sat',
                          		'type': 'number'
                          	});
                          
                          	// Subscribe on state changes for HUE and Saturation
                          	// @ts-ignore
                          	mySubscription[`${deviceName}.hue`] = on(
                                  [`${deviceName}.hue`, 
                                  `${deviceName}.sat`
                                  ], (data) => {
                          
                                  // DebounceTimer
                                  // Reset timer (if running) and start new one for next watchdog interval
                          		if (debounceTimer[colorSourceHex[device]]) {
                          			clearTimeout(debounceTimer[colorSourceHex[device]]);
                          			debounceTimer[colorSourceHex[device]] = null;
                          		}
                          		debounceTimer[colorSourceHex[device]] = setTimeout(() => {
                          
                                      if (!data.state.ack){
                                          const h = getState(`${deviceName}.hue`).val / 360;
                                          const s = getState(`${deviceName}.sat`).val / 100;
                                          const v = 1;
                                          const colorRGB = hsvTOrgb(h,s,v)
                                          const colorHEX = rgbTOhex(colorRGB)
                                          // console.log(`HSV value : ${h}, ${s}, ${v}`);
                                          setState(`${colorSourceHex[device]}`, colorHEX);
                                      }
                                  
                                  }, (500));
                              });
                          
                              // Subscribe on state changes for HEX surce
                              mySubscription[`${deviceName}.hue`] = on(
                                  [
                                  `${colorSourceHex[device]}`,
                                  ], (data) => {
                                  // DebounceTimer
                          		if (debounceTimer[colorSourceHex[device]]) {
                          			clearTimeout(debounceTimer[colorSourceHex[device]]);
                          			debounceTimer[colorSourceHex[device]] = null;
                          		}
                          		debounceTimer[colorSourceHex[device]] = setTimeout(() => {
                                      
                                          // console.log(`Device change detected : ${JSON.stringify(data.id)} value : ${data.state.val} | ack : ${data.state.ack}`);
                                          const colorHEX = data.state.val;
                                          const colorRGB = hexTOrgb(colorHEX)
                                          const colorHSV = rgbTOhsv(colorRGB)
                                          const h = roundDigit(colorHSV[0]);
                                          console.log(colorHSV);
                                          const s = roundDigit(colorHSV[1]);
                                          setState(`${deviceName}.sat`, s, true);
                                          setState(`${deviceName}.hue`, h, true);
                                      
                          
                                  }, (500));
                          
                              });
                          }
                          
                          ////////////////Funktionen////////////////
                          /**
                           * Coonvert HSV to RGB
                           * @param {number} h - HUE value 
                           * @param {number} s - Saturation value 
                           * @param {number} v - Brightness value 
                           */
                          function hsvTOrgb(h, s, v) {
                                      var r, g, b, i, f, p, q, t;
                                      i = Math.floor(h * 6);
                                      f = h * 6 - i;
                                      p = v * (1 - s);
                                      q = v * (1 - f * s);
                                      t = v * (1 - (1 - f) * s);
                                      switch (i % 6) {
                                          case 0: r = v, g = t, b = p; break;
                                          case 1: r = q, g = v, b = p; break;
                                          case 2: r = p, g = v, b = t; break;
                                          case 3: r = p, g = q, b = v; break;
                                          case 4: r = t, g = p, b = v; break;
                                          case 5: r = v, g = p, b = q; break;
                                      }
                                      console.log(`${r} ${g} ${b}`)
                                      r=Math.round(255 * r);
                                      g=Math.round(255 * g);
                                      b=Math.round(255 * b);
                                      return [r,g,b];
                          };
                          
                          function rgbTOhsv(rgb) {
                          	let rdif;
                          	let gdif;
                          	let bdif;
                          	let h;
                          	let s;
                          
                          	const r = rgb[0] / 255;
                          	const g = rgb[1] / 255;
                          	const b = rgb[2] / 255;
                          	const v = Math.max(r, g, b);
                          	const diff = v - Math.min(r, g, b);
                          	const diffc = function (c) {
                          		return (v - c) / 6 / diff + 1 / 2;
                          	};
                          
                          	if (diff === 0) {
                          		h = 0;
                          		s = 0;
                          	} else {
                          		s = diff / v;
                          		rdif = diffc(r);
                          		gdif = diffc(g);
                          		bdif = diffc(b);
                          
                          		if (r === v) {
                          			h = bdif - gdif;
                          		} else if (g === v) {
                          			h = (1 / 3) + rdif - bdif;
                          		} else if (b === v) {
                          			h = (2 / 3) + gdif - rdif;
                          		}
                          
                          		if (h < 0) {
                          			h += 1;
                          		} else if (h > 1) {
                          			h -= 1;
                          		}
                          	}
                          
                          	return [
                          		h * 360,
                          		s * 100,
                          		v * 100
                          	];
                          };
                          
                          function rgbTOhex (args) {
                          	const integer = ((Math.round(args[0]) & 0xFF) << 16)
                          		+ ((Math.round(args[1]) & 0xFF) << 8)
                          		+ (Math.round(args[2]) & 0xFF);
                          
                          	const string = integer.toString(16).toUpperCase();
                          	return '000000'.substring(string.length) + string;
                          };
                          
                          //In HEX konvertieren
                          function toHex(number) {
                              if (number < 0) number = 0xFFFFFFFF + number + 1;
                              var n = number.toString(16).toUpperCase();
                              if (n.length == 1) {
                                  n = '0' + n;
                              }
                              return n;
                          }
                          
                          // Function to convert HEX to RGB 
                          function hexTOrgb(args) {
                              const match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
                          
                              if (!match) {
                                  return [0, 0, 0];
                              }
                          
                              let colorString = match[0];
                          
                              if (match[0].length === 3) {
                                  colorString = colorString.split('').map(char => {
                                      return char + char;
                                  }).join('');
                              }
                          
                              const integer = parseInt(colorString, 16);
                              const r = (integer >> 16) & 0xFF;
                              const g = (integer >> 8) & 0xFF;
                              const b = integer & 0xFF;
                              return [r, g, b];
                          };
                          
                          // Function to convert RGB to HSL
                          function rgbTOhsl (rgb) {
                          	const r = rgb[0] / 255;
                          	const g = rgb[1] / 255;
                          	const b = rgb[2] / 255;
                          	const min = Math.min(r, g, b);
                          	const max = Math.max(r, g, b);
                          	const delta = max - min;
                          	let h;
                          	let s;
                          
                          	if (max === min) {
                          		h = 0;
                          	} else if (r === max) {
                          		h = (g - b) / delta;
                          	} else if (g === max) {
                          		h = 2 + (b - r) / delta;
                          	} else if (b === max) {
                          		h = 4 + (r - g) / delta;
                          	}
                          
                          	h = Math.min(h * 60, 360);
                          
                          	if (h < 0) {
                          		h += 360;
                          	}
                          
                          	const l = (min + max) / 2;
                          
                          	if (max === min) {
                          		s = 0;
                          	} else if (l <= 0.5) {
                          		s = delta / (max + min);
                          	} else {
                          		s = delta / (2 - max - min);
                          	}
                          
                          	return [h, s * 100, l * 100];
                          };
                          
                          // Funtion to round digits properly
                          function roundDigit(num){
                              // return Math.round((num + Number.EPSILON) * 100) / 100
                              return Math.round((num + Number.EPSILON));
                          }
                          

                          Und so muss es dan im Yak konfiguriert Werdern, WLED kennt keine ColorTemp

                          Schermafbeelding 2021-10-11 om 14.55.23.png

                          B Offline
                          B Offline
                          Bully85
                          schrieb am zuletzt editiert von
                          #16

                          @dutchman mit wled getestet und funktioniert einwandfrei.:+1:

                          M 1 Antwort Letzte Antwort
                          1
                          • DutchmanD Dutchman

                            @bully85 sagte in WLED Color Picker über Yahka:

                            @dutchman Kein problem schließlich hilfst du mir/uns und dann darfst auch du die geschwindigkeit angeben. Danke im Vorraus

                            So und wieder hat es länger gedauert als geplant, musste noch n par bugs ausbügeln. im script :/

                            ok, hier der HEX/HSV converter damit man jeden HEX wert von ioBroker im Yahka verwenden kan.

                            Man muss im script ganz am Anfang die Datenpunkte hinterlegen wo der hex wert steht (source)

                            Beispiel :

                            // Add the state containing HEX values here :
                            const colorSourceHex = [
                                'zigbee.0.group_2.color',     // Wohnzimmer Lampen
                                'wled.0.cc50e35b832b.seg.0.col.0_HEX' // TreppenLicht
                            ];
                            
                            

                            Danach erstellt das script im 0_userdata ordner eine object Struktur fuer jeden hex wert, darin sind dan die HUE und Situation welche man fuer Yak benötigt

                            Schermafbeelding 2021-10-11 om 14.50.47.png

                            Ab jetzt synchronisiert daas script jeder aenderung im HS(V) wert im 0_Userdata ordner mit dem HEX wert, auch wen man anderweitig den HEX wert ändert wird das nach 0_userdate Ordner übertragen.

                            Damit müssten wir den sync in beiden Richtungen fertig haben :)

                            Hier das script (wen da so laeuft bei euch mach ich ne final 1.0 und saubere den code noch n wenig):

                            // ##############################
                            // ######### DutchmanNL #########
                            // ###### HSV Color to HEX ######
                            // ############ V1.0 ############
                            // ##############################
                            
                            // Add the state containing HEX values here :
                            const colorSourceHex = [
                                'zigbee.0.group_2.color',     // Beispiel Zigbee
                                    'wled.0.cc50e35b832b.seg.0.col.0_HEX' // Beispeil WLED
                            ];
                            
                            // #####################################
                            // ## Don't change anything from here ##
                            // #####################################
                            
                            // Prepare variables
                            const mySubscription = {}, debounceTimer = {};
                            
                            // Create Folder structure
                            extendObjectAsync(`0_userdata.0.HEXtoHSL` , {
                                "type": "folder",
                                "common": {
                                "name": 'Convert HEX to HSL color',
                                    "role": "",
                                    "icon": "",
                            },
                                "native": {},
                            });
                            
                            // Read all array objects, create new state in javascript instance and subscribe on changes
                            for (const device in colorSourceHex) {
                            
                                // Define folder structure in userdata directory
                                const statePrepare = colorSourceHex[device].split('.');
                            	const deviceName = `0_userdata.0.HEXtoHSL.${statePrepare[0]}_${statePrepare[1]}_${statePrepare[2]}`
                            
                                // Create Device Structure
                                extendObjectAsync(deviceName , {
                                    "type": "device",
                                    "common": {
                                    "name": statePrepare[2],
                                        "role": "",
                                        "icon": "",
                                },
                                    "native": {},
                                });
                            
                                // States to cover Hue and Sat values
                            	createState(`${deviceName}.hue` , {
                            		'name': `Hue of ${statePrepare[2]}`,
                            		'role': 'level.color.hue',
                            		'type': 'number'
                            	});
                            	// @ts-ignore
                            	createState(`${deviceName}.sat`, {
                            		'name': `Sat of ${statePrepare[2]}`,
                            		'role': 'level.color.sat',
                            		'type': 'number'
                            	});
                            
                            	// Subscribe on state changes for HUE and Saturation
                            	// @ts-ignore
                            	mySubscription[`${deviceName}.hue`] = on(
                                    [`${deviceName}.hue`, 
                                    `${deviceName}.sat`
                                    ], (data) => {
                            
                                    // DebounceTimer
                                    // Reset timer (if running) and start new one for next watchdog interval
                            		if (debounceTimer[colorSourceHex[device]]) {
                            			clearTimeout(debounceTimer[colorSourceHex[device]]);
                            			debounceTimer[colorSourceHex[device]] = null;
                            		}
                            		debounceTimer[colorSourceHex[device]] = setTimeout(() => {
                            
                                        if (!data.state.ack){
                                            const h = getState(`${deviceName}.hue`).val / 360;
                                            const s = getState(`${deviceName}.sat`).val / 100;
                                            const v = 1;
                                            const colorRGB = hsvTOrgb(h,s,v)
                                            const colorHEX = rgbTOhex(colorRGB)
                                            // console.log(`HSV value : ${h}, ${s}, ${v}`);
                                            setState(`${colorSourceHex[device]}`, colorHEX);
                                        }
                                    
                                    }, (500));
                                });
                            
                                // Subscribe on state changes for HEX surce
                                mySubscription[`${deviceName}.hue`] = on(
                                    [
                                    `${colorSourceHex[device]}`,
                                    ], (data) => {
                                    // DebounceTimer
                            		if (debounceTimer[colorSourceHex[device]]) {
                            			clearTimeout(debounceTimer[colorSourceHex[device]]);
                            			debounceTimer[colorSourceHex[device]] = null;
                            		}
                            		debounceTimer[colorSourceHex[device]] = setTimeout(() => {
                                        
                                            // console.log(`Device change detected : ${JSON.stringify(data.id)} value : ${data.state.val} | ack : ${data.state.ack}`);
                                            const colorHEX = data.state.val;
                                            const colorRGB = hexTOrgb(colorHEX)
                                            const colorHSV = rgbTOhsv(colorRGB)
                                            const h = roundDigit(colorHSV[0]);
                                            console.log(colorHSV);
                                            const s = roundDigit(colorHSV[1]);
                                            setState(`${deviceName}.sat`, s, true);
                                            setState(`${deviceName}.hue`, h, true);
                                        
                            
                                    }, (500));
                            
                                });
                            }
                            
                            ////////////////Funktionen////////////////
                            /**
                             * Coonvert HSV to RGB
                             * @param {number} h - HUE value 
                             * @param {number} s - Saturation value 
                             * @param {number} v - Brightness value 
                             */
                            function hsvTOrgb(h, s, v) {
                                        var r, g, b, i, f, p, q, t;
                                        i = Math.floor(h * 6);
                                        f = h * 6 - i;
                                        p = v * (1 - s);
                                        q = v * (1 - f * s);
                                        t = v * (1 - (1 - f) * s);
                                        switch (i % 6) {
                                            case 0: r = v, g = t, b = p; break;
                                            case 1: r = q, g = v, b = p; break;
                                            case 2: r = p, g = v, b = t; break;
                                            case 3: r = p, g = q, b = v; break;
                                            case 4: r = t, g = p, b = v; break;
                                            case 5: r = v, g = p, b = q; break;
                                        }
                                        console.log(`${r} ${g} ${b}`)
                                        r=Math.round(255 * r);
                                        g=Math.round(255 * g);
                                        b=Math.round(255 * b);
                                        return [r,g,b];
                            };
                            
                            function rgbTOhsv(rgb) {
                            	let rdif;
                            	let gdif;
                            	let bdif;
                            	let h;
                            	let s;
                            
                            	const r = rgb[0] / 255;
                            	const g = rgb[1] / 255;
                            	const b = rgb[2] / 255;
                            	const v = Math.max(r, g, b);
                            	const diff = v - Math.min(r, g, b);
                            	const diffc = function (c) {
                            		return (v - c) / 6 / diff + 1 / 2;
                            	};
                            
                            	if (diff === 0) {
                            		h = 0;
                            		s = 0;
                            	} else {
                            		s = diff / v;
                            		rdif = diffc(r);
                            		gdif = diffc(g);
                            		bdif = diffc(b);
                            
                            		if (r === v) {
                            			h = bdif - gdif;
                            		} else if (g === v) {
                            			h = (1 / 3) + rdif - bdif;
                            		} else if (b === v) {
                            			h = (2 / 3) + gdif - rdif;
                            		}
                            
                            		if (h < 0) {
                            			h += 1;
                            		} else if (h > 1) {
                            			h -= 1;
                            		}
                            	}
                            
                            	return [
                            		h * 360,
                            		s * 100,
                            		v * 100
                            	];
                            };
                            
                            function rgbTOhex (args) {
                            	const integer = ((Math.round(args[0]) & 0xFF) << 16)
                            		+ ((Math.round(args[1]) & 0xFF) << 8)
                            		+ (Math.round(args[2]) & 0xFF);
                            
                            	const string = integer.toString(16).toUpperCase();
                            	return '000000'.substring(string.length) + string;
                            };
                            
                            //In HEX konvertieren
                            function toHex(number) {
                                if (number < 0) number = 0xFFFFFFFF + number + 1;
                                var n = number.toString(16).toUpperCase();
                                if (n.length == 1) {
                                    n = '0' + n;
                                }
                                return n;
                            }
                            
                            // Function to convert HEX to RGB 
                            function hexTOrgb(args) {
                                const match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
                            
                                if (!match) {
                                    return [0, 0, 0];
                                }
                            
                                let colorString = match[0];
                            
                                if (match[0].length === 3) {
                                    colorString = colorString.split('').map(char => {
                                        return char + char;
                                    }).join('');
                                }
                            
                                const integer = parseInt(colorString, 16);
                                const r = (integer >> 16) & 0xFF;
                                const g = (integer >> 8) & 0xFF;
                                const b = integer & 0xFF;
                                return [r, g, b];
                            };
                            
                            // Function to convert RGB to HSL
                            function rgbTOhsl (rgb) {
                            	const r = rgb[0] / 255;
                            	const g = rgb[1] / 255;
                            	const b = rgb[2] / 255;
                            	const min = Math.min(r, g, b);
                            	const max = Math.max(r, g, b);
                            	const delta = max - min;
                            	let h;
                            	let s;
                            
                            	if (max === min) {
                            		h = 0;
                            	} else if (r === max) {
                            		h = (g - b) / delta;
                            	} else if (g === max) {
                            		h = 2 + (b - r) / delta;
                            	} else if (b === max) {
                            		h = 4 + (r - g) / delta;
                            	}
                            
                            	h = Math.min(h * 60, 360);
                            
                            	if (h < 0) {
                            		h += 360;
                            	}
                            
                            	const l = (min + max) / 2;
                            
                            	if (max === min) {
                            		s = 0;
                            	} else if (l <= 0.5) {
                            		s = delta / (max + min);
                            	} else {
                            		s = delta / (2 - max - min);
                            	}
                            
                            	return [h, s * 100, l * 100];
                            };
                            
                            // Funtion to round digits properly
                            function roundDigit(num){
                                // return Math.round((num + Number.EPSILON) * 100) / 100
                                return Math.round((num + Number.EPSILON));
                            }
                            

                            Und so muss es dan im Yak konfiguriert Werdern, WLED kennt keine ColorTemp

                            Schermafbeelding 2021-10-11 om 14.55.23.png

                            FenriswolfF Offline
                            FenriswolfF Offline
                            Fenriswolf
                            schrieb am zuletzt editiert von
                            #17

                            @dutchman

                            Danke für das wunderbare Script. Funktioniert sowohl mit Zigbee, als auch mit WLED.

                            Press any key to continue or any other to quit

                            1 Antwort Letzte Antwort
                            0
                            • T Offline
                              T Offline
                              TT-Tom
                              schrieb am zuletzt editiert von
                              #18

                              hallo @Dutchman habe dein Script mit WLED getestet, läuft. Danke noch mal für deine Unterstützung.

                              Gruß Tom

                              Gruß Tom
                              https://github.com/tt-tom17
                              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                              NSPanel Script Wiki
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki

                              NSPanel Adapter Wiki
                              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                              1 Antwort Letzte Antwort
                              1
                              • B Bully85

                                @dutchman mit wled getestet und funktioniert einwandfrei.:+1:

                                M Offline
                                M Offline
                                Merz
                                schrieb am zuletzt editiert von
                                #19

                                @bully85 hast du das mit dem Color Picker in Vis getestet? Wenn ja, kannst du mir vielleicht sagen wie du das umgesetzt hast.

                                Wenn ich in Vis ein Color Picker nehem, ist das einzige was passiert, dass die LEDs ausgehen.

                                1 Antwort Letzte Antwort
                                0
                                Antworten
                                • In einem neuen Thema antworten
                                Anmelden zum Antworten
                                • Älteste zuerst
                                • Neuste zuerst
                                • Meiste Stimmen


                                Support us

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

                                811

                                Online

                                32.4k

                                Benutzer

                                81.6k

                                Themen

                                1.3m

                                Beiträge
                                Community
                                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                ioBroker Community 2014-2025
                                logo
                                • Anmelden

                                • Du hast noch kein Konto? Registrieren

                                • Anmelden oder registrieren, um zu suchen
                                • Erster Beitrag
                                  Letzter Beitrag
                                0
                                • Home
                                • Aktuell
                                • Tags
                                • Ungelesen 0
                                • Kategorien
                                • Unreplied
                                • Beliebt
                                • GitHub
                                • Docu
                                • Hilfe