Jak wdrożyć niestandardowe kolory kodów QR
Kody QR ewoluowały od prostych czarno-białych wzorów do potężnych narzędzi budowania marki. W 2025 roku firmy zdają sobie sprawę, że dobrze zaprojektowany kod QR może wzmocnić tożsamość marki, zachowując jednocześnie pełną skanowalność. Dostosowanie kolorów pierwszego planu i tła kodów QR pozwala tworzyć atrakcyjne wizualnie projekty, które się wyróżniają.
IronQR ułatwia zmianę kolorów kodu QR przy użyciu klasy QrStyleOptions. Można zmienić kolor pierwszego planu (ciemne moduły), kolor tła lub oba, aby dopasować je do wytycznych marki.
W tym poradniku omówimy różne sposoby dostosowywania kolorów kodów QR za pomocą IronQR w języku C#.
Szybki start: Dostosuj kolory kodów QR
Ustaw kolory pierwszego planu i tła przez QrStyleOptions i zapisz stylizowany kod QR.
-
Install IronQR with NuGet Package Manager
PM > Install-Package IronQR -
Skopiuj i uruchom ten fragment kodu.
var qrCode = QrWriter.Write("https://example.com"); var style = new QrStyleOptions { Color = Color.DarkBlue, BackgroundColor = Color.LightYellow }; qrCode.Save(style).SaveAs("colored-qr.png"); -
Wdrożenie do testowania w środowisku produkcyjnym
Rozpocznij używanie IronQR w swoim projekcie już dziś z darmową wersją próbną
Minimalny proces (5 kroków)
- Pobierz bibliotekę C# do tworzenia kodów QR z niestandardowymi kolorami
- Utwórz kod QR przy użyciu klasy
QrWriter - Zainicjuj
QrStyleOptions,aby skonfigurować wygląd - Ustaw właściwości
ColoriBackgroundColor - Zapisz stylizowany kod QR, używając
opcji "Zapisz jako"
Zmień kolor tła
Kolor tła kodu QR to jaśniejszy obszar otaczający ciemne moduły. Domyślnie jest to kolor biały, ale można go zmienić na dowolny kolor, który zapewnia wystarczający kontrast z tłem.
Ustawienie niestandardowego koloru tła jest przydatne podczas umieszczania kodów QR na kolorowych powierzchniach lub gdy należy dopasować je do palety kolorów marki. Należy tylko zadbać o wystarczający kontrast, aby skanery mogły niezawodnie odczytać kod.
: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")
Zmień kolor pierwszego planu
Kolor pierwszego planu odpowiada ciemnym modułom kodu QR — rzeczywistemu wzorowi danych odczytywanemu przez skanery. Chociaż standardowym wyborem jest kolor czarny, można użyć dowolnego ciemniejszego koloru, który zapewnia dobry kontrast z tłem.
Zmiana koloru pierwszego planu pozwala włączyć główny kolor marki do projektu kodu QR. Głębokie odcienie niebieskiego, ciemnej zieleni lub bogatej bordowej barwy sprawdzają się dobrze jako alternatywa dla czerni.
: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")
Wnioski
Dostosowywanie kolorów kodów QR za pomocą IronQR otwiera kreatywne możliwości, zachowując pełną funkcjonalność kodów:
- Kolor tła: Użyj
BackgroundColor, aby zmienić jasniejszy obszar za wzorcem QR - Kolor pierwszego planu: Użyj
Color, aby zmodyfikować ciemne moduły, które kodują dane - Stylizacja łączona: Ustaw obie właściwości razem, aby uzyskać pełną spójność z wizerunkiem marki
Należy pamiętać o zachowaniu odpowiedniego kontrastu między kolorami pierwszego planu a tła, aby zapewnić niezawodne skanowanie na różnych urządzeniach i w różnych warunkach oświetleniowych.
Aby uzyskać więcej opcji stylizacji, w tym logo, marginesy i wymiary, odwiedź dokumentację IronQR lub zapoznaj się z dodatkowymi przykładami kodu na GitHubie.

