1. IronQR
  2. 操作指南
  3. 實作自訂 QR 碼顏色

如何實作自訂 QR 碼顏色

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

QR 碼已從簡單的黑白圖案演變為強大的品牌推廣工具。 到了 2025 年，企業已意識到，一個設計精良的 QR 碼不僅能強化品牌識別，同時也能確保其具備完整的可掃描性。 自訂 QR 碼的前景與背景顏色，可讓您打造視覺上引人注目的設計，使其在眾多設計中脫穎而出。

IronQR 透過 QrStyleOptions 類別，讓修改 QR 碼顏色變得簡單。 您可以變更前景色（深色模組）、背景色，或兩者皆變更，以符合您的品牌規範。

在這份操作指南中，我們將逐步介紹如何使用 C# 中的 IronQR 來自訂 QR 碼的顏色。

快速入門：自訂 QR 碼顏色

透過 QrStyleOptions 設定前景色與背景色，並儲存已格式化的 QR 碼。

  1. using NuGet 套件管理員安裝 https://www.nuget.org/packages/IronQR

    PM > Install-Package IronQR

  2. 請複製並執行此程式碼片段。

    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. 部署至您的生產環境進行測試

    立即透過免費試用，在您的專案中開始使用 IronQR

    arrow pointer

簡化工作流程（5 個步驟）

  1. 下載 C# 函式庫，以自訂顏色建立 QR 碼
  2. 使用 QrWriter 類別建立 QR 碼
  3. 初始化 QrStyleOptions 以設定外觀
  4. 設定 Color 和 BackgroundColor 屬性
  5. 使用"另存為"功能儲存格式化的 QR 碼

變更背景顏色

QR 碼的背景色是指環繞深色模組周圍的淺色區域。 預設顏色為白色，但您可以將其更改為任何與前景形成足夠對比的顏色。

設定自訂背景顏色在將 QR 碼放置於彩色表面時，或當您希望與品牌色系相符時，會非常實用。 請確保字體對比度足夠，以便掃描器能可靠地讀取程式碼。

: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 碼

變更前景色

前景色代表 QR 碼中的深色模組——即掃描器實際讀取的數據圖案。 雖然黑色是標準選擇，但您也可以使用任何與背景對比鮮明的深色。

變更前景色可讓您將品牌的主色調融入 QR 碼設計中。 深藍色、深綠色或濃郁的勃艮第紅都是黑色之外的絕佳替代色。

: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 碼

結論

透過 IronQR 自訂 QR 碼顏色，不僅能激發創意，更能確保您的 QR 碼完全正常運作：

  • 背景顏色：使用 BackgroundColor 來變更 QR 圖案後方的淺色區域
  • 前景色：使用 Color 來修改編碼您資料的深色模組
  • 整合樣式：同時設定這兩項屬性，以完全符合品牌規範

請務必保持前景與背景色彩之間的適當對比度，以確保在不同裝置及光線條件下皆能清晰辨識。

如需更多關於標誌、邊距及尺寸的樣式選項，請參閱 IronQR 文件，或前往 GitHub 探索更多程式碼範例。

常見問題

如何使用 IronQR 自訂 QR 碼的顏色？

您可以透過 IronQR 中的 `QrStyleOptions` 類別自訂 QR 碼的顏色。這讓您能使用 `Color` 屬性設定前景色，並使用 `BackgroundColor` 屬性設定背景色，藉此與您的品牌視覺識別相匹配。

維持 QR 碼色彩對比的重要性為何？

維持 QR 碼前景與背景色彩之間的對比度，對於確保掃描器能可靠地讀取碼內容至關重要。IronQR 允許您調整這些色彩，同時確保功能運作所需的對比度得以維持。

我可以使用 IronQR 將 QR 碼顏色與我的品牌色相匹配嗎？

是的，IronQR 允許您調整 QR 碼的前景色與背景色，使其符合您的品牌配色方案，在強化品牌識別的同時，確保 QR 碼仍可被掃描。

如何在 IronQR 中為 QR 碼設定自訂背景顏色？

若要使用 IronQR 為 QR 碼設定自訂背景顏色，請使用 `QrStyleOptions` 類別中的 `BackgroundColor` 屬性，讓您能將 QR 碼與彩色背景或品牌色相匹配。

使用 IronQR 建立自訂顏色的 QR 碼需要哪些步驟？

步驟包括下載 IronQR程式庫、使用 `QrWriter` 類別建立 QR 碼、初始化 `QrStyleOptions` 以設定 `Color` 和 `BackgroundColor`，以及使用 `SaveAs` 方法儲存已設定樣式的 QR 碼。

是否可以使用 IronQR 變更 QR 碼的前景顏色？

是的，您可以透過 IronQR 設定 `QrStyleOptions` 類別中的 `Color` 屬性來變更 QR 碼的前景色，藉此將您品牌的主色調融入 QR 碼設計中。

使用自訂 QR 碼顏色有哪些優勢？

自訂 QR 碼顏色可強化品牌識別度與美感，使 QR 碼更具吸引力且易於辨識，同時維持其核心功能與可掃描性——這正是 IronQR 所支援的功能。

哪裡可以找到更多使用 IronQR 進行 QR 碼樣式設定的範例？

有關使用 IronQR 設計 QR 碼的更多範例，請參閱 [IronQR 文件](https://ironsoftware.com/csharp/qr/)，更多程式碼範例則可於 [GitHub](https://github.com/iron-software/IronQr.Examples) 取得。

在 IronQR 中，是否可以同時變更前景色和背景色？

是的，IronQR 允許您透過設定 `QrStyleOptions` 類別中的相關屬性，同時變更前景色與背景色，從而實現 QR 碼外觀的完全自訂。

在 IronQR 中，`QrStyleOptions` 類別用於什麼用途？

IronQR 中的 `QrStyleOptions` 類別用於自訂 QR 碼的外觀，包括設定前景色（`Color`）和背景色（`BackgroundColor`），以符合特定的設計或品牌要求。

Ahmad Sohail
Ahmad Sohail
  立即與工程團隊聯繫
全端開發者

Ahmad 是一位全端開發者，具備扎實的 C#、Python 及網頁技術基礎。他對建構可擴展的軟體解決方案深感興趣，並樂於探索設計與功能如何在實際應用中完美結合。

在加入 Iron Software 團隊之前，Ahmad 曾參與自動化專案與 API 整合工作，專注於提升效能與開發者體驗。

閒暇之餘，他喜歡嘗試 UI/UX 創意、為開源工具貢獻心力，並偶爾投入技術寫作與文件編寫，致力於將複雜的主題轉化為淺顯易懂的內容。

準備開始了嗎？
Nuget 下載 67,270 | 版本： 2026.5 just released
Still Scrolling Icon

還在往下捲動嗎？

想要快速確認成果嗎？ PM > Install-Package IronQR
執行範例 觀看您的 URL 轉為 QR 碼。