Wie man benutzerdefinierte QR-Code-Farben implementiert

This article was translated from English: Does it need improvement?
Translated
View the article in English

QR-Codes haben sich von einfachen schwarz-weißen Mustern zu leistungsstarken Branding-Tools entwickelt. Im Jahr 2025 erkennen Unternehmen, dass ein gut gestalteter QR-Code die Markenidentität verstärken kann, während er voll scannbar bleibt. Das Anpassen der Vorder- und Hintergrundfarben Ihrer QR-Codes ermöglicht es Ihnen, visuell ansprechende Designs zu erstellen, die herausragen.

Mit IronQR lassen sich die Farben von QR-Codes mithilfe der Klasse QrStyleOptions ganz einfach ändern. Sie können die Vordergrundfarbe (die dunklen Module), die Hintergrundfarbe oder beide ändern, um Ihre Markenrichtlinien zu erfüllen.

In diesem Praxisleitfaden zeigen wir verschiedene Möglichkeiten, QR-Code-Farben mit IronQR in C# anzupassen.

Schnellstart: QR-Code-Farben anpassen

Legen Sie die Vordergrund- und Hintergrundfarben über QrStyleOptions fest und speichern Sie den gestalteten QR-Code.

  1. Installieren Sie IronQR mit NuGet Package Manager

    PM > Install-Package IronQR
  2. Kopieren Sie diesen Codeausschnitt und führen Sie ihn aus.

    var qrCode = QrWriter.Write("https://example.com");
    var style = new QrStyleOptions { Color = Color.DarkBlue, BackgroundColor = Color.LightYellow };
    qrCode.Save(style).SaveAs("colored-qr.png");
  3. Bereitstellen zum Testen in Ihrer Live-Umgebung

    Beginnen Sie noch heute, IronQR in Ihrem Projekt zu verwenden, mit einer kostenlosen Testversion

    arrow pointer

Hintergrundfarbe ändern

Die Hintergrundfarbe eines QR-Codes ist der hellere Bereich um die dunklen Module herum. Standardmäßig ist dies Weiß, aber Sie können es in eine beliebige Farbe ändern, die ausreichenden Kontrast zum Vordergrund bietet.

Eine benutzerdefinierte Hintergrundfarbe ist nützlich, wenn QR-Codes auf farbigen Flächen platziert werden oder wenn Sie mit der Farbpalette Ihrer Marke übereinstimmen möchten. Stellen Sie einfach sicher, dass genügend Kontrast vorhanden ist, damit Scanner den Code zuverlässig lesen können.

:path=/static-assets/qr/content-code-examples/how-to/implement-custom-qr-code-background.cs
using IronQr;
using IronSoftware.Drawing;

// Create a QR code
QrCode qr = QrWriter.Write("https://ironsoftware.com/csharp/qr/");

// Set background color
QrStyleOptions styleOptions = new QrStyleOptions()
{
    BackgroundColor = Color.LightBlue
};

// Save QR code with custom background
AnyBitmap qrImage = qr.Save(styleOptions);
qrImage.SaveAs("qrBackgroundColor.png");
Imports IronQr
Imports IronSoftware.Drawing

' Create a QR code
Dim qr As QrCode = QrWriter.Write("https://ironsoftware.com/csharp/qr/")

' Set background color
Dim styleOptions As New QrStyleOptions() With {
    .BackgroundColor = Color.LightBlue
}

' Save QR code with custom background
Dim qrImage As AnyBitmap = qr.Save(styleOptions)
qrImage.SaveAs("qrBackgroundColor.png")
$vbLabelText   $csharpLabel
QR-Code mit benutzerdefinierter Hintergrundfarbe

Vordergrundfarbe ändern

Die Vordergrundfarbe repräsentiert die dunklen Module des QR-Codes - das eigentliche Datenmuster, das Scanner lesen. Während Schwarz die Standardwahl ist, können Sie jede dunklere Farbe verwenden, die guten Kontrast zu Ihrem Hintergrund hält.

Die Änderung der Vordergrundfarbe ermöglicht es Ihnen, Ihre Primärfarbe der Marke in das QR-Code-Design zu integrieren. Tiefblaue, dunkelgrüne oder kräftig burgunderrote Töne eignen sich gut als Alternative zu Schwarz.

:path=/static-assets/qr/content-code-examples/how-to/implement-custom-qr-code-foreground.cs
using IronQr;
using IronSoftware.Drawing;

// Create a QR code
QrCode qr = QrWriter.Write("https://ironsoftware.com/csharp/qr/");

// Set background color
QrStyleOptions styleOptions = new QrStyleOptions()
{
    Color = Color.PaleVioletRed
};

// Save QR code with custom background
AnyBitmap qrImage = qr.Save(styleOptions);
qrImage.SaveAs("qrBackgroundColor.png");
Imports IronQr
Imports IronSoftware.Drawing

' Create a QR code
Dim qr As QrCode = QrWriter.Write("https://ironsoftware.com/csharp/qr/")

' Set background color
Dim styleOptions As New QrStyleOptions() With {
    .Color = Color.PaleVioletRed
}

' Save QR code with custom background
Dim qrImage As AnyBitmap = qr.Save(styleOptions)
qrImage.SaveAs("qrBackgroundColor.png")
$vbLabelText   $csharpLabel
QR-Code mit benutzerdefinierter Vordergrundfarbe

Abschluss

Das Anpassen von QR-Code-Farben mit IronQR eröffnet kreative Möglichkeiten, während Ihre Codes voll funktionsfähig bleiben:

  • Hintergrundfarbe: Verwenden Sie BackgroundColor, um den helleren Bereich hinter dem QR-Muster zu ändern
  • Vordergrundfarbe: Verwenden Sie Color, um die dunklen Module zu ändern, die Ihre Daten kodieren
  • Kombinierte Gestaltung: Setzen Sie beide Eigenschaften zusammen für vollständige Markenübereinstimmung

Denken Sie daran, ausreichenden Kontrast zwischen Vorder- und Hintergrundfarben zu wahren, um zuverlässiges Scannen über unterschiedliche Geräte und Lichtverhältnisse hinweg sicherzustellen.

Weitere Gestaltungsmöglichkeiten, einschließlich Logos, Ränder und Dimensionen, finden Sie in der IronQR-Dokumentation oder erkunden Sie zusätzliche Code-Beispiele auf GitHub.

Häufig gestellte Fragen

Wie kann ich die Farben eines QR-Codes mit IronQR anpassen?

Sie können die Farben eines QR-Codes mit IronQR anpassen, indem Sie die `QrStyleOptions`-Klasse verwenden. Dies ermöglicht es, die Vordergrundfarbe mit der `Color`-Eigenschaft und die Hintergrundfarbe mit der `BackgroundColor`-Eigenschaft zu setzen, um die visuelle Identität Ihrer Marke widerzuspiegeln.

Welche Bedeutung hat die Einhaltung des Kontrasts bei QR-Code-Farben?

Die Einhaltung des Kontrasts zwischen den Vorder- und Hintergrundfarben eines QR-Codes ist entscheidend, damit Scanner den Code zuverlässig lesen können. IronQR ermöglicht Ihnen die Änderung dieser Farben, wobei der notwendige Kontrast für die Funktionalität gewahrt bleibt.

Kann ich mit IronQR die QR-Code-Farben an meine Marke anpassen?

Ja, IronQR ermöglicht es Ihnen, sowohl die Vordergrund- als auch die Hintergrundfarben eines QR-Codes anzupassen, um sie mit der Farbpalette Ihrer Marke in Einklang zu bringen und die Markenidentität zu verstärken, während die QR-Codes scannbar bleiben.

Wie stelle ich eine benutzerdefinierte Hintergrundfarbe für einen QR-Code in IronQR ein?

Um eine benutzerdefinierte Hintergrundfarbe für einen QR-Code mit IronQR einzustellen, verwenden Sie die `BackgroundColor`-Eigenschaft innerhalb der `QrStyleOptions`-Klasse, was es Ihnen ermöglicht, den QR-Code an farbige Oberflächen oder Markenfarben anzupassen.

Welche Schritte sind erforderlich, um einen QR-Code mit benutzerdefinierten Farben mit IronQR zu erstellen?

Die Schritte umfassen das Herunterladen der IronQR-Bibliothek, das Erstellen eines QR-Codes mit der `QrWriter`-Klasse, das Initialisieren von `QrStyleOptions`, um die `Color`- und `BackgroundColor`-Eigenschaften festzulegen, und das Speichern des gestalteten QR-Codes mit der `SaveAs`-Methode.

Ist es möglich, die Vordergrundfarbe eines QR-Codes mit IronQR zu ändern?

Ja, Sie können die Vordergrundfarbe eines QR-Codes mit IronQR ändern, indem Sie die `Color`-Eigenschaft in der `QrStyleOptions`-Klasse setzen, was die Einbindung Ihrer Markenprimärfarben in das QR-Code-Design ermöglicht.

Welche Vorteile bieten benutzerdefinierte QR-Code-Farben?

Benutzerdefinierte QR-Code-Farben können die Markenidentität und ästhetische Anziehungskraft erhöhen und QR-Codes ansprechender und erkennbarer machen, während ihre Kernfunktionalität und Scannbarkeit erhalten bleibt, eine Funktion, die von IronQR unterstützt wird.

Wo finde ich mehr Beispiele zur QR-Code-Stilisierung mit IronQR?

Weitere Beispiele zur QR-Code-Stilisierung mit IronQR finden Sie in der [IronQR-Dokumentation](https://ironsoftware.com/csharp/qr/) sowie zusätzliche Code-Beispiele auf [GitHub](https://github.com/iron-software/IronQr.Examples).

Können Vordergrund- und Hintergrundfarben gleichzeitig in IronQR geändert werden?

Ja, IronQR ermöglicht es, sowohl Vordergrund- als auch Hintergrundfarben gleichzeitig zu ändern, indem die jeweiligen Eigenschaften in der `QrStyleOptions`-Klasse gesetzt werden, was eine vollständige Anpassung der QR-Code-Erscheinung ermöglicht.

Wofür wird die `QrStyleOptions`-Klasse in IronQR verwendet?

Die `QrStyleOptions`-Klasse in IronQR wird verwendet, um das Erscheinungsbild von QR-Codes anzupassen, einschließlich des Setzens der Vordergrund- (`Color`) und Hintergrund- (`BackgroundColor`) Farben, um spezifischen Design- oder Markenanforderungen gerecht zu werden.

Ahmad Sohail
Full-Stack-Entwickler

Ahmad ist ein Full-Stack-Entwickler mit einer soliden Grundlage in C#, Python und Webtechnologien. Er hat ein großes Interesse am Aufbau skalierbarer Softwarelösungen und genießt es, zu erkunden, wie Design und Funktionalität in realen Anwendungen aufeinandertreffen.

Bevor er dem Iron Software Team beitrat, arbeitete ...

Weiterlesen
Bereit anzufangen?
Nuget Downloads 67,270 | Version: 2026.5 just released
Still Scrolling Icon

Scrollst du immer noch?

Sie brauchen schnell einen Beweis? PM > Install-Package IronQR
Führen Sie ein Beispiel aus und beobachten Sie, wie Ihre URL zu einem QR-Code wird.