1. IronQR
  2. ハウツー
  3. カスタムQRコードカラーを実装する

カスタム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. IronQR をNuGetパッケージマネージャでインストール

    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. カスタムカラーでQRコードを作成するためのC#ライブラリをダウンロード
  2. QrWriterクラスを使用してQRコードを作成
  3. QrStyleOptionsを初期化して外観を設定
  4. ColorとBackgroundColorのプロパティを設定
  5. SaveAsを使用してスタイルを施した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を使用
  • 前景色: データをエンコードする暗いモジュールを変更するためにColorを使用
  • 統合スタイリング: ブランドの整合性を完全に保つために両方のプロパティを一緒に設定

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

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

Ahmad Sohail
Ahmad Sohail
  今すぐエンジニアリングチームとチャット
フルスタックデベロッパー

Ahmadは、C#、Python、およびウェブ技術に強い基盤を持つフルスタック開発者です。彼はスケーラブルなソフトウェアソリューションの構築に深い関心を持ち、デザインと機能が実際のアプリケーションでどのように融合するかを探求することを楽しんでいます。

Iron Softwareチームに参加する前、Ahmadは自動化プロジェクトやAPI統合に取り組み、パフォーマンスの向上と開発者の体験向上に注力してきました。

彼の自由時間には、UI/UXのアイデアを試したり、オープンソースツールに貢献したり、時折テクニカルライティングやドキュメンテーションに取り組んで、複雑なトピックを理解しやすくすることを目指しています。

準備はできましたか？
Nuget ダウンロード 64,787 | バージョン: 2026.4 リリース
Still Scrolling Icon

まだスクロールしていますか?

すぐに証拠が欲しいですか? PM > Install-Package IronQR
サンプルを実行する URL が QR コードになるのを見る。