Administrationsseite***0-1Konfiguration***1000Visualisierung***1000-20Farben (Hintergrund)

Hintergrundfarben werden in einer Visualisierung***b-0 z.B. für Visuelemente***1002 oder Visuseiten***1000-22 verwendet. Hinweis: Hintergrundfarben können statisch sein, oder in Abhängigkeit eines KO-Wertes dynamisch erzeugt werden (Variablen, Funktionen und Formeln***r-3).

Eigenschaften

Vorschau

Mit der Schaltfläche "Vorschau" wird ein Beispieltext vor einem Hintergrund in der angegebenen Farb-Definition angezeigt. Im Feld "KO-Wert" kann ggf. ein KO-Wert angegeben werden, der exemplarisch für eine dynamische Farb-Definition herangezogen wird.

Beispiele

Statische Farben

#ff0000				→ Rot
#ffffff				→ Weiß
rgb(0,255,0)		→ Grün
rgba(0,0,255,0.5)	→ Blau (halbtransparent)
transparent			→ Transparent

-webkit-linear-gradient(top, #0000ff 0%, #ffffff 100%)
→ Farbverlauf (vertikal von blau zu weiß)

Dynamische Farben

#{#}
→ der KO-Wert "ff0000" führt zu einem Farbwert "#ff0000"

#{#}{#}{#}
→ der KO-Wert "ff" führt zu einem Farbwert "#ffffff"

rgb(0,{#},0)
→ der KO-Wert "255" führt zu einem Farbwert "rgb(0,255,0)" (grün)

rgba(0,0,{#},0.5)
→ der KO-Wert "255" führt zu einem Farbwert "rgba(0,0,255,0.5)" (blau, halbtransparent)

#{hsvrgb()}
→ der KO-Wert "0080FF" (HSV) wird in einen RGB-Farbwert umwandelt "#FF8080"

{hsvlight()}
→ der KO-Wert "0080FF" (HSV) wird in einen RGBA-Farbwert umwandelt, z.B. "rgba(255,128,128,0.5)"

{rgblight()}
→ der KO-Wert "FF8080" (RGB) wird in einen RGBA-Farbwert umwandelt, z.B. "rgba(255,128,128,0.5)"

-webkit-linear-gradient(left,#0000ff 0%,#0000ff {#}%,transparent {#}%,transparent 100%)
→ der KO-Wert "0..100" wird als horizontaler blauer Balken angezeigt, dessen Länge vom KO-Wert bestimmt wird (Farbverlauf)

Verwendung von Farben

In einer Visualisierung***b-0 können Visuelemente***1002 in einer statischen oder dynamischen Farbe angezeigt werden. Die Zuweisung einer Farbe zu einem Visuelement erfolgt mit Hilfe eines Designs***1003. Statische Hintergrundfarben werden u.a. auch für Visuseiten***1000-22 verwendet.