カスタムQRコードの色を実装する方法

Updated: 2026年6月29日

QRコードは、単なる白黒のパターンから強力なブランドツールへと進化しました。 2025年には、企業はデザインの優れたQRコードがブランドのアイデンティティを強化する一方で、フルスキャン可能性を維持できることに気づいています。 QRコードの前景と背景の色をカスタマイズすることで、目を引くデザインを作成することができます。

IronQRは、QrStyleOptions クラスを使用してQRコードの色を簡単に変更できます。前景色（暗いモジュール）、背景色、またはその両方を変更して、ブランドのガイドラインに合わせることができます。

このハウツーガイドでは、C#でIronQRを使用してQRコードの色をカスタマイズする方法を説明します。

クイックスタート: QRコードの色をカスタマイズ

QrStyleOptions を通じて前景色と背景色を設定し、スタイルを適用したQRコードを保存します。

1Install IronQR with NuGet Package Manager
PM > Install-Package IronQR
```
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");

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 を使い始めましょう無料トライアル

最小限のワークフロー（5ステップ）

カスタムカラーでQRコードを作成するためのC#ライブラリをダウンロード
QrWriterクラスを使用してQRコードを作成
QrStyleOptionsを初期化して外観を設定
ColorとBackgroundColorのプロパティを設定
SaveAsを使用してスタイルを施したQRコードを保存

背景色を変更する

QRコードの背景色は、暗いモジュールを囲む明るいエリアです。デフォルトでは白ですが、前景と十分なコントラストを提供する任意の色に変更できます。

カスタム背景色の設定は、カラフルな表面にQRコードを置いたり、ブランドのカラーパレットに合わせたい場合に便利です。スキャナーがコードを確実に読むために、十分なコントラストがあることを確認してください。

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");

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")

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")

前景色を変更する

前景色は、QRコードの暗いモジュール、すなわちスキャナーが読むデータパターンを表しています。黒が標準の選択ですが、背景に対して良好なコントラストを保つ任意の暗い色を使用できます。

前景色の変更により、QRコードデザインにブランドの主要な色を取り入れることができます。ディープブルー、ダークグリーン、またはリッチバーガンディが黒の代替として適しています。

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");

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")

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")

結論

IronQRを使用したQRコードの色のカスタマイズは、コードを完全に機能させながら創造的な可能性を拡げます:

背景色: QRパターンの後ろにある明るいエリアを変更するために BackgroundColor を使用します。
前景色: データをエンコードする暗いモジュールを変更するために Color を使用します。
統合スタイリング: ブランドの整合性を完全に保つために両方のプロパティを一緒に設定

異なるデバイスと照明条件でのスキャンを確実にするために、前景色と背景色の間に十分なコントラストを維持することを忘れないでください。

ロゴ、余白、寸法を含むスタイルオプションについては、IronQRドキュメントを訪れるか、GitHubで追加のコード例を探索してください。

よくある質問

IronQRを使用してQRコードの色をどのようにカスタマイズできますか？

IronQRを使用してQRコードの色をカスタマイズするには、`QrStyleOptions`クラスを利用します。これにより、`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を使用してQRコードの前景色を変更することができ、`QrStyleOptions`クラスの`Color`プロパティを設定することで、ブランドの主要な色を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`）の色を設定できます。

Curtis Chau

今すぐエンジニアリングチームとチャット

テクニカルライター

Curtis Chauは、カールトン大学でコンピュータサイエンスの学士号を取得し、Node.js、TypeScript、JavaScript、およびReactに精通したフロントエンド開発を専門としています。直感的で美しいユーザーインターフェースを作成することに情熱を持ち、Curtisは現代のフレームワークを用いた開発や、構造の良い視覚的に魅力的なマニュアルの作成を楽しんでいます。

...

詳しく読む