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

如何實現自訂QR Code顏色

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

QR Code從簡單的黑白圖案發展成為強大的品牌推廣工具。 在2025年，企業認識到設計良好的QR Code可以在保持完全可掃描功能的同時加強品牌識別。 自訂QR Code的前景色和背景色讓您可以建立引人注目的設計，使其更加突出。

IronQR使修改QR Code顏色變得簡單，使用QrStyleOptions類別即可。 您可以更改前景色（深色模塊）、背景色或兩者，以符合您的品牌準則。

在此指南中，我們將逐步介紹如何在C#中使用IronQR來自訂QR Code的顏色。

⟨AH2BG⟩快速入門：自訂QR Code顏色⟨AH2EG⟩

通過QrStyleOptions設置前景色和背景色並保存樣式化的QR Code。

  1. 使用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 Code
  2. 使用QrWriter類別建立QR Code
  3. 初始化QrStyleOptions以設定外觀
  4. 設置Color和BackgroundColor屬性
  5. 使用SaveAs儲存樣式化的QR Code

更改背景色

QR Code的背景色是深色模塊周圍的淺色區域。 預設是白色，但您可以將其更改為任何與前景色有足夠對比的顏色。

設定自訂背景色在將QR Code放置於彩色表面或需要符合品牌色彩時非常有用。 只需確保有足夠的對比，讓掃描器可以可靠地讀取程式碼。

: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

更改前景色

前景色表示QR Code的深色模塊—掃描器讀取的實際資料圖案。 雖然黑色是標準選擇，但您可以使用其他較深的顏色，只要它們與背景具有良好的對比即可。

更改前景色讓您可以將品牌的主要顏色併入QR Code設計中。 深藍色、深綠色或濃酒紅色可以作為黑色的替代選項。

: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

結論

使用IronQR自訂QR Code顏色可開啟創意的可能性，並保持您的程式碼完全運行：

  • 背景色：使用BackgroundColor來更改QR圖案後的淺色區域
  • 前景色：使用Color來修改編碼資料的深色模塊
  • 組合樣式：同時設置兩者以實現完整的品牌契合

請記得保持前景色與背景色之間的足夠對比，以確保在不同裝置和光線條件下的可靠掃描。

欲了解更多樣式選項，包括徽標、邊距和尺寸，請造訪IronQR文件或探索其他GitHub上的程式碼範例。

常見問題

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

您可以使用IronQR透過`QrStyleOptions`類來自訂QR碼的顏色。這允許您使用`Color`屬性設置前景顏色和`BackgroundColor`屬性設置背景顏色，從而提供一種方式來匹配您的品牌的視覺識別。

保持QR碼顏色對比的重要性是什麼？

保持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碼的前景顏色？

是的，您可以通過在`QrStyleOptions`類中設置`Color`屬性，利用IronQR更改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碼外觀的完全自訂。

`QrStyleOptions`類在IronQR中是用來做什麼的？

`QrStyleOptions`類在IronQR中用於自訂QR碼的外觀，包括設置前景(`Color`)和背景(`BackgroundColor`)顏色以符合具體設計或品牌要求。

Ahmad Sohail
Ahmad Sohail
  立即與工程團隊聊天
全端開發人員

Ahmad是一位擁有C#、Python和網頁技術堅實基礎的全端開發人員。他對構建可擴展的軟體解決方案深感興趣，並喜歡探索設計和功能在現實世界應用中的結合。

加入Iron Software團隊之前，Ahmad曾致力於自動化專案和API整合，專注於提升性能和開發者體驗。

在空閒時間，他喜歡試驗UI/UX理念，為開放原始碼工具做出貢獻，偶爾也會潛心編寫技術文件和文章以簡化複雜的主題。

準備好開始了嗎？
Nuget 下載 70,398 | 版本： 2026.7 剛剛發布
Still Scrolling Icon

還在滾動？

想要快速證明嗎？ PM > Install-Package IronQR
執行一個範例 觀看您的URL變成QR碼。