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

# Farben

> Farbeinstellungen, die sich individuell pro Block anpassen lassen.

<Note>Dieser Design-Bereich ist identisch für Funnel Editor und Landing Page Editor.</Note>

## Überblick

Zusätzlich zu den globalen [Farben](/convert/design/colors), die für den gesamten Funnel bzw. die gesamte Landing Page gelten, hat jeder Block im Design-Bereich einen eigenen Tab **Farben**. Darüber lassen sich einzelne Bereiche des Blocks individuell einfärben – meist über eine Auswahl der vier globalen Themenfarben-Level.

<Tip>Anders als die globalen [Farben](/convert/design/colors) wird eine Änderung hier **nicht** im [Styleguide](/convert/design/styleguide) gespeichert. Die Felder greifen beim Anlegen des Blocks lediglich auf die aktuell im Styleguide hinterlegten Farben als Startwert zurück – ändern Sie diese Farben später am Block, bleibt das eine Anpassung nur für diesen einen Block.</Tip>

***

## Beispiel: Hero-Block

Am [Hero-Block](/convert/landing-page-editor/hero) lässt sich das gut zeigen, da hier besonders viele Bereiche einzeln einfärbbar sind.

<img src="https://mintcdn.com/osiro/Gkrk3KbOSam-3nBW/images/convert/design/block-colors.png?fit=max&auto=format&n=Gkrk3KbOSam-3nBW&q=85&s=efa420931a9bc4726ffc399007ca3d2a" width="2940" height="1846" data-path="images/convert/design/block-colors.png" />

* **Hintergrund** – Hintergrundfarbe des Blocks (im Beispiel Level 3 · Dark)
* **Farbverlauf** – blendet den Hintergrund als Farbverlauf statt als flächige Farbe ein
* **#1 Button** – Farbe des ersten Buttons
* **Eyebrow** – Farbe der kleinen Beschriftung über der Headline
* **Eyebrow invertieren** – kehrt Text- und Hintergrundfarbe der Eyebrow um
* **Aufzählungs-Symbol** – Farbe der Icons vor den Aufzählungspunkten

Jedes Feld bietet zur Auswahl eines der vier Themenfarben-Level (z. B. "Level 1", "Level 2") an.

***

## Unterschiede je Block

Welche Bereiche im Farben-Tab konfigurierbar sind, hängt vom jeweiligen Block ab – ein einfacher Block wie [Separator](/convert/funnel-editor/blocks/layout/separator) hat hier deutlich weniger Optionen als ein komplexer Block wie Hero. Die jeweils verfügbaren Felder finden Sie direkt im Farben-Tab des Blocks in der Vorschau.