Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. HUE nach RGB konvertieren (einfache Lösung)

    NEWS

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    HUE nach RGB konvertieren (einfache Lösung)

    This topic has been deleted. Only users with topic management privileges can see it.
    • P
      PeZi last edited by

      Hallo zusammen,
      bei der Erstellung einer Visualisierung stand ich vor dem Problem einen HUE Wert in einen RGB Wert konvertieren zu müssen.
      Da HUE-Werte nur gesättigte Farben darstellen (mindestens eine der Grundfarben ist immer 0), muss zur vollständigen Abdeckung des Farbraumes normalerweise auch die Sättigung und die Helligkeit berücksichtigt werden.
      Für meine Anforderung wurde der Farbraum aber nicht vollständig benötigt, sodass ich eine Lösung gesucht habe, die nur die gesättigten Farben in voller Helligkeit konvertiert (also ohne Berücksichtigung von Sättigung und die Helligkeit).
      Ausgegangen bin ich von folgenden Überlegungen:

      • Die Farbe grün steigt im "HUE-Bereich" 0° bis 60° von 0 auf 255, verharrt dort bis HUE 180°, fällt dann bis 240° wieder auf 0 und bleibt bis 360° auf 0

      • für die Farben Rot und Blau gilt dies sinngemäß mit einer Verschiebung von +120° bzw. -120°

      • Die Sinusfunktion verläuft im Wertebereich -0,5 bis 0,5 (-30° bis 30° und 150° bis 210°) für den hier benötigten Zweck ausreichend linear.
        Zur Verdeutlichung:
        IMG_0272[1].jpg

      Daraus ist dann folgender Javascript-Code entstanden:

      on({id: 'alias.0.Wandlampe.hue', change: 'ne'}, function(obj) {
          var hue= getState('alias.0.Wandlampe.hue').val;
          var RGB=convert(hue);
          setState("0_userdata.0.Zigbee.Wandlampe_RGB", RGB, false);
      });
      
      function convert(hue){
          var rot= Math.round((Math.sin((hue+90)*Math.PI/180)+0.5)*255);
          if (rot < 0) {rot=0};  
          if (rot > 255) {rot=255}; 
          var gruen= Math.round((Math.sin((hue+210)*Math.PI/180)+0.5)*255);
          if (gruen < 0) {gruen=0};  
          if (gruen > 255) {gruen=255}; 
          var blau= Math.round((Math.sin((hue-30)*Math.PI/180)+0.5)*255);
          if (blau < 0) {blau=0};  
          if (blau > 255) {blau=255}; 
          var RGB=rot.toString(10)+","+blau.toString(10)+","+gruen.toString(10); 
          return RGB;   
      };
      

      Zur Erläuterung: Den RGB-Wert benötige ich zur Darstellung des Farbwertes in meinem Slider für die Sättigung.
      Screenshot 2025-08-22 160854.png

      Vielleicht kann das ja jemand brauchen 🙂

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

      Support us

      ioBroker
      Community Adapters
      Donate

      909
      Online

      32.1k
      Users

      80.6k
      Topics

      1.3m
      Posts

      1
      1
      71
      Loading More Posts
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes
      Reply
      • Reply as topic
      Log in to reply
      Community
      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
      The ioBroker Community 2014-2023
      logo