# Hintergrundfarbe

Mit **Hintergrundfarbe** gibst du deiner Szene einen einfarbigen oder **zweifarbigen Verlauf**.  
Hinweis: **Wenn ein Hintergrundbild gesetzt ist, überschreibt es die Hintergrundfarbe** (Bild hat Vorrang).

---

## [![grafik.png](https://docs.scenario.app/uploads/images/gallery/2025-09/scaled-1680-/u91grafik.png)](https://docs.scenario.app/uploads/images/gallery/2025-09/u91grafik.png)Felder

**Farbe 1 / Farbe 2**

- Hex-Werte (`#RRGGBB`, z. B. `#84bee2`, `#1a767a`).
- Für **einfarbig**: in beide Felder **denselben** Wert eintragen.

**Verlaufsrichtung**

- Steuert, wie der Verlauf verläuft:
    
    
    - **Horizontal** (links → rechts)
    - **Vertikal** (oben → unten)
    - **Diagonal nach unten rechts** (oben-links → unten-rechts)
    - **Diagonal nach unten links** (oben-rechts → unten-links)

Live-Vorschau oben zeigt das Ergebnis der aktuellen Auswahl.

---

## Verhalten in der App

- Ohne Hintergrundbild füllt die Farbe/der Verlauf die Szene **vollflächig**.
- **Mit Hintergrundbild** bleibt die Farbe unsichtbar (als Fallback im Hintergrund vorhanden).
- Alle anderen Elemente (Texte, Buttons, Dialoge etc.) liegen **darüber**.

---

## Design-Tipps

- **Kontrast**: Wähle Farben so, dass Texte/Buttons gut lesbar sind (ggf. helle/dunkle Varianten testen).
- **Ruhige Flächen**: Sanfte Verläufe lenken weniger ab als harte Kontraste.
- **Branding**: Nutze eure Primär- (z. B. `#68bfdd`) und Sekundärfarben konsistent über alle Szenen.
- **Fallback**: Setze immer eine sinnvolle Hintergrundfarbe – falls ein Bild später entfernt wird, bleibt die Szene stimmig.

---

## Kurz-Checkliste

1. Farben wählen (einfarbig = Farbe1 = Farbe2).
2. Verlaufsrichtung festlegen.
3. Vorschau prüfen → **Speichern**.
4. Falls **Hintergrundbild** aktiv ist: beachten, dass dieses die Farbe überlagert.