Jak wdrożyć niestandardowe kolory kodów QR

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

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.

  1. Install IronQR with NuGet Package Manager

    PM > Install-Package IronQR
  2. 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");
  3. Wdrożenie do testowania w środowisku produkcyjnym

    Rozpocznij używanie IronQR w swoim projekcie już dziś z darmową wersją próbną

    arrow pointer

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")
$vbLabelText   $csharpLabel
QR kod z niestandardowym kolorem tła

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")
$vbLabelText   $csharpLabel
Kod QR z niestandardowym kolorem pierwszego planu

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.

Ahmad Sohail
Full Stack Developer

Ahmad to full-stack developer z solidnym fundamentem w C#, Pythonie i technologiach webowych. Ma głębokie zainteresowanie tworzeniem skalowalnych rozwiązań oprogramowania i cieszy się badaniem, jak projektowanie i funkcjonalność spotykają się w rzeczywistych aplikacjach.

Przed dołączeniem do zespołu Iron Software, Ahmad pracował nad projektami ...

Czytaj więcej
Gotowy, aby rozpocząć?
Nuget Pliki do pobrania 63,676 | Wersja: 2026.4 just released
Still Scrolling Icon

Wciąż przewijasz?

Czy chcesz szybko dowodu? PM > Install-Package IronQR
uruchom próbkę obserwuj, jak Twój URL staje się kodem QR.