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. 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で追加のコード例を探索してください。

よくある質問

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`）の色を設定できます。

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 コードになるのを見る。