Jak wdrożyć niestandardowe kolory kodów QR

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 chcesz dopasować je do palety kolorów swojej 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ć jaśniejszy obszar za wzorem QR
• Kolor pierwszego planu: Użyj Color, aby zmodyfikować ciemne moduły, które kodują Twoje 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.