> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Farben

> Bereiten Sie Standard-Erscheinungsbild, helle und dunkle Töne, Farbpalette und Statusfarben vor.

Seite Creative **Farben** öffnen Sie das Teil. Wählen Sie die Standardansicht und Hauptfarbe der Website. Das System passt die Farbe an, die Sie zum Öffnen und dunkel aussehende Elemente auswählen; **Palette** und **Wichtige Farben** Sie können auch Einstellungen nach Ihren Anforderungen bearbeiten.

[![Default ton, Bright main color, Dark main color, Detailed pallet](https://mintcdn.com/zonely-a8cd49e7/N_QMnvmTBQuFR-Ic/images/panel/page-builder-guide-20261025/05-renkler-de.png?fit=max\&auto=format\&n=N_QMnvmTBQuFR-Ic\&q=85\&s=72ddbaf187be5391363422b3dd0c2bb3)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/05-renkler-de.png)

> [card] 1. Standardtonne
>
> Wählen Sie das Helle oder Dunkel für die erste Ansicht des Besuchers.

> [card] 2. Helle Hauptfarbe
>
> Wählen Sie die Haupt-Highlight-Farbe der offenen Ansicht.

> [card] 3. Dunkle Hauptfarbe
>
> Anpassen Sie die Farbe des Highlights des dunklen Looks, den Sie mögen.

> [card] 4. Detailpalette
>
> Pallet und Wichtige Farben offene Oberflächen und Statusfarben.

## Standardansicht auswählen

**Standardton** aus der Liste **hell** oder **Dunkel** Select. Diese Auswahl bestimmt die erste Ansicht Ihrer Website.

**Heller Ton** Wählen Sie Ihre Hauptfarbe aus dem Bereich. Die Farbe, die Sie wählen, passt sich auch dem dunklen Erscheinungsbild an und passt sich der Website an. Wenn Sie **Dunkelton** möchten, können Sie eine andere Farbe des Lichts für das dunkle Erscheinungsbild aus dem Bereich bestimmen. Verwenden Sie Farbselektiv- oder Farbcode.

## Detaillierte Palette — optional

Wenn Sie detailliertere **Palette → Layout** anpassen möchten, öffnen Sie den Weg. Top **Luminous / Dark** Wählen Sie den Look, den Sie aus der Auswahl bearbeiten möchten.

[![Layout appearance, Color family, Gray tones](https://mintcdn.com/zonely-a8cd49e7/N_QMnvmTBQuFR-Ic/images/panel/page-builder-guide-20261025/06-palet-de.png?fit=max\&auto=format\&n=N_QMnvmTBQuFR-Ic\&q=85\&s=146064ae5c6fca0b61b7ad6262370909)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/06-palet-de.png)

> [card] 1. Bearbeitete Ansicht
>
> Schalten Sie zwischen dem Licht und dem Dunkeln; zwei Paletten werden separat aufbewahrt.

> [card] 2. Farbfamilie
>
> Ändern Sie den Code jeder Farbe aus ihrem eigenen Bereich.

> [card] 3. Grautöne
>
> Gray-Skala ist nützlich, um verschiedene Oberflächen- und Textebenen anzupassen.

Palette; Blau, Nagel, Lila, Rosa, Rot, Orange, Gelb, Grün, Türkis und Glasfarbenfamilien enthalten Grautöne. Klicken Sie auf das Farbfeld und ändern Sie den entsprechenden Code.

**Grau 10–Gri 90** bereiten die Felder so vor, dass sie die Oberflächen-, Rand- und Schriftebenen voneinander trennen. Lassen Sie einen Unterschied zwischen hellen und dunklen Ebenen, anstatt allen grauen Feldern die gleiche Farbe zu geben.

## Wichtige Farben — optional

**Wichtige Farben** ändern Sie die Bereiche ist nicht obligatorisch. Wenn Sie Ihre Hauptfarbe wählen, passt das System das helle und dunkle Aussehen an. Wenn Sie Statusmeldungen anpassen möchten, öffnen Sie den Seitenboden oder die Textfarbe sowie **Wichtige Farben → Edit** das Fenster und wählen Sie die entsprechende Ansicht aus.

[![Ton selection, Condition colors, Body floor](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/07-onemli-renkler-de.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=53aa814876493a9f30a3c6d8bc17543f)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/07-onemli-renkler-de.png)

> [card] 1. Tonnagenauswahl
>
> Edit den Status Farben separat für helle und dunkle Erscheinung.

> [card] 2. Farben des Zustands
>
> Keep erfolgreich, Informationen, Alarm und Gefahrenmeldungen unterschieden.

> [card] 3. Body Floor
>
> Prüfen Sie die Körpertextfarben zusammen mit dem Körperhintergrund.

* **Sekundär:** Die zusätzliche Highlight-Farbe.
* **Successful / Information / Warning / Danger:** Die Farbe, die die Art des Prozessergebnisses oder der Nachricht angibt.
* **Hintergrund des Körpers:** Die Seite bestimmt den Grundstock.
* **Text des Körpers:** Bestimmt die Farbe des Grundtextes; überprüfen Sie es mit dem Boden.

## Preview und Save

Schließen Sie Fenster und sehen Sie eine Schaltfläche, einen langen Absatz und eine Informationsnachricht. Überprüfen Sie, ob Artikel in der offenen Ansicht verloren gehen, Beschreibung und Kanten werden in dunkler Erscheinung ausgewählt. **Rettet alle** komplett mit.

Wenn Sie Hintergrundbild verwenden, bewerten Sie Farben zusammen mit visuellen Einstellungen [Hintergrund](https://docs.zonely.gen.tr/de/guides/page-builder/background.md) im Abschnitt.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.