Ampelfarben (Rot - Gelb - Grün) zur Visualisierung von numerischen Werten

[Wittenborner]

Gerne werden ja die Ampelfarben Rot, Gelb und Grün zur Kennzeichnung diverser Stati oder Zahlenwerte verwendet. Die Farben stehen dann sinngemäß für "schlecht", "mittel" und "gut". Meine Idee war es nun diese drei Farben fließend auf einen Zahlenraum von 0 bis 15 zu verteilen. Dadurch lassen sich zB Performance-Werte in einer Tabelle auf einen Blick erfassen.

Beim Verwenden der Unit in eigenen Projekten ist man nicht an die 16 Stufen gebunden, sondern kann auch auf den Zahlenraum von 0 bis 100 skalieren, was bei einer prozentualen Darstellung hilft. So gebe ich in einer Anwendung den verwendeten Festplattenplatz zahlreicher Laufwerke aus. Jede dieser Angaben ist mit dem Farbcode der prozentualen Auslastung versehen - das schafft Übersichtlichkeit, die sofort ins Auge fällt!

[Rollo62]

Ich hab jetzt nicht getestet aber ich nutze Farben gerne auch als Hintergrund von Text. Dabei habe ich aber generell Probleme ordentliche, eindeutige Kontraste hinzubekommen, ist das bei deiner Lösung auch vorgesehen, mit 16 Hintergrundfarben und entsprechenden vordergrund Kontrastfarben?

Ich nutze maximal drei bis vier farben, weil ich glaube mehr farben führen dazu dass man die nicht mehr sehr gut unterscheiden kann

[himitsu]

Jo, entweder man stellt zur Hintergrundfarbe noch eine passende Textfarbe bereit
oder man versucht zu erkennen, ob es zu ähnlich ist und stellt dann jeweils die schriftfarbe um (bei und normal schwarze Schrifft und bei zu dunklen Hintergrundfarben eben weiße Schrift, außer die Schrift hat explizit eine Textfarbe bekommen)

[Rollo62]

Ich versuche schwarz und weiss für Text zu benutzen aber es gibt ja auch Formeln für Kontrastfarben, die sehen dann leider immer etwas zu bunt für meinen Geschmack aus.
Deshalb habe ich mir ein paar schöne Vorder- Hintergrundkombinationen von Hand festgelegt.

[Wittenborner]

Zitat:

Zitat von Rollo62 (Beitrag 1534785)

Ich hab jetzt nicht getestet aber ich nutze Farben gerne auch als Hintergrund von Text. Dabei habe ich aber generell Probleme ordentliche, eindeutige Kontraste hinzubekommen, ist das bei deiner Lösung auch vorgesehen, mit 16 Hintergrundfarben und entsprechenden vordergrund Kontrastfarben?

Ich nutze maximal drei bis vier farben, weil ich glaube mehr farben führen dazu dass man die nicht mehr sehr gut unterscheiden kann

Die Unterscheidbarkeit steht nicht Vordergrund, sondern einfach nur der Eindruck, der auf dem ersten Blick entsteht. Falls irgend etwas davon ungewöhnlich erscheint, schaut man sich den Text genauer an. Die Farben sind allesamt so hell, dass schwarze Schrift darauf gut zu lesen ist.

Falls zB auf ganzzahlige prozentuale Angaben skaliert wird (101 Schritte), dann gibt es dennoch nur 16 unterschiedliche Stufen.

[Rollo62]

Ja, das sieht hübsch aus :thumb:
Ein Bild sagt mehr als 1000 Worte.

Du gehst dabei wahrscheinlich bewusst nicht ins Tiefe rot ( 0xFF ), denn dafür nehme ich z.B. Textfarbe weiss,
weil schwarz einfach zu wenig Kontrast hat.

So ist es aber auch sehr gut lesbar.

[Wittenborner]

Zitat:

Zitat von Rollo62 (Beitrag 1534791)

Ja, das sieht hübsch aus :thumb:
Ein Bild sagt mehr als 1000 Worte.

Du gehst dabei wahrscheinlich bewusst nicht ins Tiefe rot ( 0xFF ), denn dafür nehme ich z.B. Textfarbe weiss,
weil schwarz einfach zu wenig Kontrast hat.

So ist es aber auch sehr gut lesbar.

Genau, so ist es. Die Farben dienen vor allem als Hintergrundfarbe für schwarzen Text.
Was mit dieser Methode richtig gut funktioniert, ist die Darstellung irgendwelcher Absolutwerte (zB Festplattennutzung) mit der entsprechenden prozentualen Auslastung als Hintergrundfarbe.