Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[hg6806]

Hallo zusammen,

welche hellen Farben machen für Liniendiagramme im Dark Mode am meisten Sinn um sie bestmöglich zu unterschieden.
Gibt es da eine Empfehlung für 5/6/7/8 unterschiedliche Grafen? Am besten im Hex-Code

[DJMarc75]

@hg6806 glaub das liegt alles im Auge des Betrachters. Ich selbst sehe mit Brille anders als ohne Brille - und andersrum
Glaub nicht dass es da eine Empfehlung geben kann.
Schwarz/Weiß ist aber immer eine gute Wahl

[hg6806]

OK, ich dachte in der genormten Welt gebe auch dafür irgendwelche Standards.
Dann muss ich selbst mal aussuchen.

[OliverIO]

@hg6806

klar gibts das, sind nur nicht die allerweltsthemen
für die MaterialUI hat google ein recht umfangreiches Werk erstellt
https://material.io/

Auch hier in iobroker wird glaube ich seit admin 5 auf das MaterialUI-Framework von React gesetzt.

Hier kann man sich die passenden Farben raussuchen, sogar mit entsprechenden Kontrastwerten zu Schrift
http://mcg.mbitson.com/#!?mcgpalette0=%23cc0000

und hier generelle Hinweise wie man ein leicht lesbares Theme baut. Gut, du willst kein komplettes Theme bauen, aber das Farbthema wird dort behandelt.
https://codelabs.developers.google.com/color-contrast-accessibility#0

Für die Diagramme würde ich gut voneinander unterscheidbare Farben nehmen,
damit man nicht einfach das Standard rot,gelb,grün,blau schema nimmt, hilft die material-tabelle. Unterscheidbar sind sie, wenn sie auf dem Farbrad möglichst weit auseinander liegen
zwar nicht für material, aber wenn man sich bei den farbharmonien nicht sicher ist
https://www.sessions.edu/color-calculator/

[hg6806]

@oliverio

Tausend Dank! Die Links sind echt klasse und helfen beim Designen!