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
Name: frei wählbarer Name der Hintergrundfarbe
Farb-Definition: CSS-Eigenschaften zur Definition der gewünschten Hintergrundfarbe
die Farb-Definition kann auch Variablen, Funktionen und Formeln***r-3 enthalten (dynamische Farbe)
Hinweis: Die maximale Gesamtlänge beträgt 10.000 Zeichen.
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.
#{#}
→ 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.