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

# Farben

> Ändern Sie die Farbe Ihres QR-Codes, seines Rahmens und seiner Beschriftung.

Passen Sie Ihren QR-Code an Ihre Marke an, indem Sie die Farbe des Codes, des Rahmens und der Beschriftung ändern. Wählen Sie eine fertige Farbvorlage oder legen Sie jede Farbe selbst fest.

## Bevor Sie beginnen

* Diese Einstellungen befinden sich auf dem Tab **Custom designs**. Für Branded designs siehe [Branded QR-Codes](/de/design/branded-qr).

## Die Farbe des QR-Codes ändern

**1. Designschritt öffnen**

Wechseln Sie im Builder zu **Customize & Download** und bleiben Sie auf **Custom designs**.

**2. Customization öffnen**

Klicken Sie auf den Chip **Customization**.

**3. Farbauswahl öffnen**

Klicken Sie auf das Feld **QR Color**.

**4. Farbe wählen**

Wählen Sie ein Farbfeld unter **Palette**, ziehen Sie unter **Solid** oder geben Sie einen Hex-Code wie `#003323` in das Feld ein.

> [!TIP]
>
> Wenn Ihr Browser es unterstützt, zeigt das Popover eine Pipetten-Schaltfläche. Damit können Sie eine Farbe von einer beliebigen Stelle Ihres Bildschirms aufnehmen, etwa aus Ihrem Logo.

Um zu Schwarz zurückzukehren, klicken Sie auf die Schaltfläche zum Zurücksetzen (kreisförmiger Pfeil) neben dem Feld. Sie erscheint, sobald die Farbe vom Standard abweicht.

## Eine Farbvorlage verwenden

Rahmen enthalten Farbvorlagen, die die Farben von QR-Code, Rahmen und Beschriftung gemeinsam festlegen.

**1. Frame öffnen**

Klicken Sie auf den Chip **Frame**.

**2. Rahmen wählen**

Wählen Sie unter **Frame around the QR code** einen Rahmen aus.

**3. Vorlage wählen**

Wählen Sie unter **Color presets** eine Farbgruppe aus.

Nachdem Sie eine Vorlage gewählt haben, können Sie jede Farbe weiterhin im Chip **Customization** feinjustieren.

## Einstellungen

| Einstellung | Wo | Funktion |
| - | - | - |
| **QR Color** | **Customization** | Farbe der Punkte und Ecken des Codes. Standard Schwarz. |
| **Frame color** | **Customization**, wenn ein Rahmen ausgewählt ist | Farbe des Rahmens um den Code. |
| **Text Color** | **Customization**, wenn ein Rahmen ausgewählt ist | Farbe der Rahmenbeschriftung. |
| **Color presets** | **Frame**, bei Rahmen mit Vorlagen | Legt die Farben von QR-Code, Rahmen und Beschriftung mit einem Klick fest. |

> [!NOTE]
>
> Der Builder verwendet Volltonfarben. Der Hintergrund eines Custom designs ist weiß. Siehe [Hintergründe](/de/design/backgrounds).

## Tipps für scannbare Farben

* Halten Sie den Code dunkel und den Hintergrund hell. Smartphone-Kameras lesen dunkle Codes auf hellem Grund am zuverlässigsten.
* Achten Sie auf starken Kontrast. Hellgraue, gelbe oder pastellfarbene Codes auf Weiß lassen sich möglicherweise nicht scannen.
* Sorgen Sie dafür, dass die Beschriftung auf dem Rahmen lesbar ist: Verwenden Sie für **Text Color** und **Frame color** nicht dieselbe Farbe.
* Testen Sie vor dem Drucken mit mehreren Smartphones.

## Häufige Probleme

> **Ich kann die QR-Farbe nicht auf Weiß setzen**
>
> Weiß ist für **QR Color** nicht zulässig, da ein weißer Code auf weißem Hintergrund nicht scannbar ist. Wählen Sie stattdessen eine dunkle Farbe.

> **Der Hex-Code wird rot**
>
> Der Wert ist keine gültige Hex-Farbe. Verwenden Sie das Format `#RRGGBB`, zum Beispiel `#0035cc`.

> **Ich sehe „Frame color“ oder „Text Color“ nicht**
>
> Diese Felder erscheinen nur, wenn ein Rahmen ausgewählt ist. Wählen Sie zuerst im Chip **Frame** einen Rahmen.

> **Ich sehe keine „Color presets“**
>
> Nicht jeder Rahmen hat Vorlagen, und die Option ohne Rahmen hat keine. Wählen Sie einen anderen Rahmen.

> **Der Code lässt sich nach der Farbänderung nicht scannen**
>
> Der Kontrast ist wahrscheinlich zu gering. Wählen Sie eine dunklere **QR Color** und testen Sie erneut.

## Wie geht es weiter?

> **[Rahmen](/de/design/frames)**

> **[Hintergründe](/de/design/backgrounds)**

> **[Logo hinzufügen](/de/design/logo)**

> **[QR-Code drucken](/de/downloads/printing)**


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