Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. hex in Farbe

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    493

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    402

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    983

hex in Farbe

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
10 Beiträge 3 Kommentatoren 175 Aufrufe 3 Beobachtet
  • Ä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.
  • Dr.PieD Offline
    Dr.PieD Offline
    Dr.Pie
    schrieb am zuletzt editiert von
    #1

    Moin
    ich habe in einem Textfeld z.B. 46A8F9 stehen.
    Ich möchte das der Inhalt eines anderen Textfeldes sich dann entsprechend in der Farbe darstellt.

    Ist vielleicht etwas zu kompliziert gestellt ;-)

    Grüße

    OliverIOO 1 Antwort Letzte Antwort
    0
    • Dr.PieD Dr.Pie

      Moin
      ich habe in einem Textfeld z.B. 46A8F9 stehen.
      Ich möchte das der Inhalt eines anderen Textfeldes sich dann entsprechend in der Farbe darstellt.

      Ist vielleicht etwas zu kompliziert gestellt ;-)

      Grüße

      OliverIOO Offline
      OliverIOO Offline
      OliverIO
      schrieb am zuletzt editiert von
      #2

      @Dr.Pie

      Du musst den Wert in ein Datenpunkt schreiben.
      Mit binding kannst Du dann diesen Wert (plus # davor) in das Schrift Farb Feld des anderen Widgets eintragen lassen.

      Dort dann einfach sowas eintragen

      {javascript.0.meinefarbe}
      

      Meine Adapter und Widgets
      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
      Links im Profil

      Dr.PieD 1 Antwort Letzte Antwort
      0
      • OliverIOO OliverIO

        @Dr.Pie

        Du musst den Wert in ein Datenpunkt schreiben.
        Mit binding kannst Du dann diesen Wert (plus # davor) in das Schrift Farb Feld des anderen Widgets eintragen lassen.

        Dort dann einfach sowas eintragen

        {javascript.0.meinefarbe}
        
        Dr.PieD Offline
        Dr.PieD Offline
        Dr.Pie
        schrieb am zuletzt editiert von
        #3

        @OliverIO
        Moin
        so nun habe ich Zeit wieder etwas zu machen.

        Der Datenpunkt sieht dann so aus:
        Screenshot 2026-04-22 113945.png

        {javascript.0.meinefarbe}
        

        Wo muss ich das denn Eintragen ?
        Ich benötige sicher das Image-Widgets.
        Grüße

        OliverIOO 1 Antwort Letzte Antwort
        0
        • Dr.PieD Dr.Pie

          @OliverIO
          Moin
          so nun habe ich Zeit wieder etwas zu machen.

          Der Datenpunkt sieht dann so aus:
          Screenshot 2026-04-22 113945.png

          {javascript.0.meinefarbe}
          

          Wo muss ich das denn Eintragen ?
          Ich benötige sicher das Image-Widgets.
          Grüße

          OliverIOO Offline
          OliverIOO Offline
          OliverIO
          schrieb am zuletzt editiert von OliverIO
          #4

          @Dr.Pie

          1. anlegen eines datenpunktes, bspw 0_userdata.0.farbe
          2. als Wert trägst du die Farbe ein, entweder einer der html Farbnamen oder als Hex RGB Wert mit # voran #46A8F9
            https://wiki.selfhtml.org/wiki/Farbe/Farbangaben#Farbnamen
            eba773f1-df9e-432e-b590-f36ba501ca8c-image.jpeg
          3. dann in vis oder vis-2 ein widget anlegen. ich habe das mal mit dem String widget gemacht. Damit man später was sieht zum testen in Prepend ein Text eintragen.
          4. im Feld color dann das binding zum Datenpunkt eintragen

          {0_userdata.0.farbe}

          c42b171e-05e1-4912-87f8-712df5d4d823-image.jpeg

          1. dann in den runtime mode gehen, da nur dort die bindings interpretiert werden
            f3e000f8-65ae-4e95-9f67-bb2c780ded1f-image.jpeg
          2. wenn du den Datenpunkt dann bspw auf #ff0000 änderst
            3065bde9-a091-478f-9921-4d35b276f614-image.jpeg

          @Dr.Pie sagte in hex in Farbe:

          Ich benötige sicher das Image-Widgets.

          Warum du ein Image widget benötigst ist mir nicht ganz klar

          Meine Adapter und Widgets
          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
          Links im Profil

          Dr.PieD 1 Antwort Letzte Antwort
          0
          • OliverIOO OliverIO

            @Dr.Pie

            1. anlegen eines datenpunktes, bspw 0_userdata.0.farbe
            2. als Wert trägst du die Farbe ein, entweder einer der html Farbnamen oder als Hex RGB Wert mit # voran #46A8F9
              https://wiki.selfhtml.org/wiki/Farbe/Farbangaben#Farbnamen
              eba773f1-df9e-432e-b590-f36ba501ca8c-image.jpeg
            3. dann in vis oder vis-2 ein widget anlegen. ich habe das mal mit dem String widget gemacht. Damit man später was sieht zum testen in Prepend ein Text eintragen.
            4. im Feld color dann das binding zum Datenpunkt eintragen

            {0_userdata.0.farbe}

            c42b171e-05e1-4912-87f8-712df5d4d823-image.jpeg

            1. dann in den runtime mode gehen, da nur dort die bindings interpretiert werden
              f3e000f8-65ae-4e95-9f67-bb2c780ded1f-image.jpeg
            2. wenn du den Datenpunkt dann bspw auf #ff0000 änderst
              3065bde9-a091-478f-9921-4d35b276f614-image.jpeg

            @Dr.Pie sagte in hex in Farbe:

            Ich benötige sicher das Image-Widgets.

            Warum du ein Image widget benötigst ist mir nicht ganz klar

            Dr.PieD Offline
            Dr.PieD Offline
            Dr.Pie
            schrieb am zuletzt editiert von
            #5

            @OliverIO sagte:

            Warum du ein Image widget benötigst ist mir nicht ganz klar

            Ich wollte ursprünglich kein Textfeld sondern ein Farbfeld haben was die Farbe direkt anzeigt.
            Das hatte ich etwas falsch im Eingangstext beschrieben.

            OliverIOO 1 Antwort Letzte Antwort
            0
            • Dr.PieD Dr.Pie

              @OliverIO sagte:

              Warum du ein Image widget benötigst ist mir nicht ganz klar

              Ich wollte ursprünglich kein Textfeld sondern ein Farbfeld haben was die Farbe direkt anzeigt.
              Das hatte ich etwas falsch im Eingangstext beschrieben.

              OliverIOO Offline
              OliverIOO Offline
              OliverIO
              schrieb am zuletzt editiert von
              #6

              @Dr.Pie

              jaja, die Macht der Sprache.

              Dann trägst du das in background ein
              ed8d06ef-ccc3-4b1a-8be4-bc9a99c56141-image.jpeg
              59027c4e-1be3-4405-82ff-088d46165634-image.jpeg

              Meine Adapter und Widgets
              TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
              Links im Profil

              Dr.PieD 1 Antwort Letzte Antwort
              0
              • OliverIOO OliverIO

                @Dr.Pie

                jaja, die Macht der Sprache.

                Dann trägst du das in background ein
                ed8d06ef-ccc3-4b1a-8be4-bc9a99c56141-image.jpeg
                59027c4e-1be3-4405-82ff-088d46165634-image.jpeg

                Dr.PieD Offline
                Dr.PieD Offline
                Dr.Pie
                schrieb am zuletzt editiert von Dr.Pie
                #7

                @OliverIO sagte:

                @Dr.Pie

                jaja, die Macht der Sprache.

                Dann trägst du das in background ein
                ed8d06ef-ccc3-4b1a-8be4-bc9a99c56141-image.jpeg
                59027c4e-1be3-4405-82ff-088d46165634-image.jpeg

                Hab ich natürlich nicht hinbekommen. 😠

                Der Datenpunkt liegt unter:
                alias.0.bambulab.3.xxxxxxxxxxxxxxx.ams.ams.0.tray.0.tray_color
                Das Widget sieht dann so aus:
                Screenshot 2026-04-23 090527.png

                Da stimmt noch irgendwas nicht.
                Die xxxxx sind im originalen natürlich die des Druckers 😀

                1 Antwort Letzte Antwort
                0
                • skvarelS Offline
                  skvarelS Offline
                  skvarel
                  Developer
                  schrieb am zuletzt editiert von skvarel
                  #8

                  @dr.pie ... hast du es mal so versucht:

                  #{bambulab.0.xxx.ams.ams.0.tray.0.tray_color}

                  Da der Datenpunkt nur FFFFFFFF ohne # bereitstellt, kannst du es einfach vor das Binding setzen.

                  Bei mir gerade tray.0
                  d4d513bc-f293-4d50-b6d4-6c466b27baa9-image.jpeg

                  Bei mir gerade tray.3
                  52d491b0-9f35-44d7-94d7-97c3fc750217-image.jpeg

                  EDIT:
                  Das geht direkt aus den Bambu Datenpunkten, ohne Alias.

                  #TeamInventwo
                  Unsere Adapter:
                  Autodarts, FoxESS, Enpal, Life360ng, Tidy, vis-inventwo, vis-2-widgets-inventwo, vis-icontwo, vis-2-widgets-icontwo

                  Wer uns mit einem Kaffee unterstützen möchte: PayPal

                  1 Antwort Letzte Antwort
                  0
                  • skvarelS Offline
                    skvarelS Offline
                    skvarel
                    Developer
                    schrieb am zuletzt editiert von skvarel
                    #9

                    In der VIS sieht es bei dann so aus:

                    2ee50f28-1b18-4816-84c3-fcc2a4b25ec4-image.jpeg

                    #TeamInventwo
                    Unsere Adapter:
                    Autodarts, FoxESS, Enpal, Life360ng, Tidy, vis-inventwo, vis-2-widgets-inventwo, vis-icontwo, vis-2-widgets-icontwo

                    Wer uns mit einem Kaffee unterstützen möchte: PayPal

                    Dr.PieD 1 Antwort Letzte Antwort
                    0
                    • skvarelS skvarel

                      In der VIS sieht es bei dann so aus:

                      2ee50f28-1b18-4816-84c3-fcc2a4b25ec4-image.jpeg

                      Dr.PieD Offline
                      Dr.PieD Offline
                      Dr.Pie
                      schrieb am zuletzt editiert von
                      #10

                      @skvarel Klasse ... es lag am # 😇

                      Screenshot 2026-04-23 101255.png

                      1 Antwort Letzte Antwort
                      1

                      Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                      Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                      Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                      Registrieren Anmelden
                      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

                      563

                      Online

                      32.8k

                      Benutzer

                      82.8k

                      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