Comment implémenter des couleurs personnalisées pour les QR codes

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

Les codes QR ont évolué des simples motifs en noir et blanc vers de puissants outils de branding. En 2025, les entreprises reconnaissent qu'un code QR bien conçu peut renforcer l'identité de la marque tout en maintenant une scannabilité complète. Personnaliser les couleurs de premier plan et d'arrière-plan de vos codes QR vous permet de créer des designs visuellement attrayants qui se démarquent.

IronQR facilite la modification des couleurs des codes QR à l'aide de la classe QrStyleOptions. Vous pouvez changer la couleur de premier plan (les modules sombres), la couleur d'arrière-plan, ou les deux pour correspondre aux directives de votre marque.

Dans ce guide pratique, nous expliquerons différentes façons de personnaliser les couleurs des QR codes en utilisant IronQR en C#.

Démarrage rapide : Personnaliser les couleurs des QR codes

Définissez les couleurs de premier plan et d'arrière-plan via QrStyleOptions et économisez le code QR stylisé.

  1. Installez IronQR avec le Gestionnaire de Packages NuGet

    PM > Install-Package IronQR
  2. Copiez et exécutez cet extrait de code.

    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. Déployez pour tester sur votre environnement de production.

    Commencez à utiliser IronQR dans votre projet dès aujourd'hui avec un essai gratuit

    arrow pointer

Changer la couleur d'arrière-plan

La couleur d'arrière-plan d'un code QR est la zone plus claire entourant les modules sombres. Par défaut, c'est blanc, mais vous pouvez le changer pour n'importe quelle couleur qui offre un contraste suffisant avec le premier plan.

Définir une couleur d'arrière-plan personnalisée est utile lorsque vous placez des codes QR sur des surfaces colorées ou si vous souhaitez harmoniser avec la palette de couleurs de votre marque. Assurez-vous simplement qu'il y ait suffisamment de contraste pour que les scanners lisent le code de manière fiable.

: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
Code QR avec couleur d'arrière-plan personnalisée

Changer la couleur de premier plan

La couleur de premier plan représente les modules sombres du code QR—le véritable motif de données lu par les scanners. Bien que le noir soit le choix standard, vous pouvez utiliser n'importe quelle couleur plus foncée qui conserve un bon contraste par rapport à votre arrière-plan.

Changer la couleur de premier plan vous permet d'incorporer la couleur principale de votre marque dans le design du code QR. Les bleus profonds, les verts foncés ou les bourgognes riches sont de bonnes alternatives au noir.

: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
Code QR avec couleur de premier plan personnalisée

Conclusion

Personnaliser les couleurs des codes QR avec IronQR ouvre des possibilités créatives tout en gardant vos codes pleinement fonctionnels :

  • Couleur d'arrière-plan : utilisez BackgroundColor pour modifier la zone plus claire derrière le motif QR
  • Couleur de premier plan : utilisez Color pour modifier les modules sombres qui encodent vos données
  • Style combiné : Définissez les deux propriétés ensemble pour un alignement complet avec la marque

N'oubliez pas de maintenir un contraste adéquat entre les couleurs de premier plan et d'arrière-plan pour assurer une lecture fiable sur différents appareils et dans des conditions d'éclairage variées.

Pour plus d'options de style, y compris les logos, les marges, et les dimensions, visitez la documentation IronQR ou explorez des exemples de code supplémentaires sur GitHub.

Questions Fréquemment Posées

Comment puis-je personnaliser les couleurs d'un code QR en utilisant IronQR ?

Vous pouvez personnaliser les couleurs d'un code QR en utilisant IronQR en utilisant la classe `QrStyleOptions`. Cela vous permet de définir la couleur de premier plan avec la propriété `Color` et la couleur de fond avec la propriété `BackgroundColor`, fournissant un moyen d'adapter l'identité visuelle de votre marque.

Quelle est l'importance de maintenir le contraste dans les couleurs des codes QR ?

Maintenir le contraste entre les couleurs de premier plan et de fond d'un code QR est crucial pour garantir que les scanners peuvent lire le code de manière fiable. IronQR vous permet de changer ces couleurs tout en assurant que le contraste nécessaire est maintenu pour la fonctionnalité.

Puis-je utiliser IronQR pour faire correspondre les couleurs des codes QR à ma marque ?

Oui, IronQR vous permet d'ajuster à la fois les couleurs de premier plan et de fond d'un code QR pour s'aligner avec la palette de couleurs de votre marque, améliorant ainsi l'identité de marque tout en s'assurant que le code QR reste lisible.

Comment définir une couleur de fond personnalisée pour un code QR dans IronQR ?

Pour définir une couleur de fond personnalisée pour un code QR en utilisant IronQR, utilisez la propriété `BackgroundColor` dans la classe `QrStyleOptions`, vous permettant d'adapter le code QR aux surfaces colorées ou aux couleurs de marque.

Quelles étapes sont impliquées dans la création d'un code QR avec des couleurs personnalisées en utilisant IronQR ?

Les étapes incluent le téléchargement de la bibliothèque IronQR, la création d'un code QR avec la classe `QrWriter`, l'initialisation de `QrStyleOptions` pour définir les propriétés `Color` et `BackgroundColor`, et l'enregistrement du code QR stylé à l'aide de la méthode `SaveAs`.

Est-il possible de changer la couleur de premier plan d'un code QR avec IronQR ?

Oui, vous pouvez changer la couleur de premier plan d'un code QR avec IronQR en définissant la propriété `Color` dans la classe `QrStyleOptions`, permettant l'incorporation des couleurs principales de votre marque dans le design du code QR.

Quels sont les avantages d'utiliser des couleurs de code QR personnalisées ?

Les couleurs de code QR personnalisées peuvent améliorer l'identité de marque et l'attrait esthétique, rendant les codes QR plus attrayants et reconnaissables tout en maintenant leur fonctionnalité et leur lisibilité principales, une fonctionnalité prise en charge par IronQR.

Où puis-je trouver plus d'exemples de style de code QR utilisant IronQR ?

Plus d'exemples de style de code QR avec IronQR peuvent être trouvés dans la [documentation IronQR](https://ironsoftware.com/csharp/qr/) et des exemples de code supplémentaires sont disponibles sur [GitHub](https://github.com/iron-software/IronQr.Examples).

Les couleurs de premier plan et de fond peuvent-elles être changées simultanément dans IronQR ?

Oui, IronQR vous permet de changer simultanément à la fois les couleurs de premier plan et de fond en configurant les propriétés respectives dans la classe `QrStyleOptions`, permettant une personnalisation complète de l'apparence du code QR.

À quoi sert la classe `QrStyleOptions` dans IronQR ?

La classe `QrStyleOptions` dans IronQR est utilisée pour personnaliser l'apparence des codes QR, y compris définir les couleurs de premier plan (`Color`) et de fond (`BackgroundColor`) pour répondre à des exigences de design ou de marque spécifiques.

Ahmad Sohail
Développeur Full Stack

Ahmad est un développeur full-stack avec une solide fondation en C#, Python et technologies web. Il a un profond intérêt pour la construction de solutions logicielles évolutives et aime explorer comment le design et la fonctionnalité se rencontrent dans des applications du monde réel.

<...
Lire la suite
Prêt à commencer?
Nuget Téléchargements 67,270 | Version : 2026.5 just released
Still Scrolling Icon

Vous faites encore défiler ?

Vous voulez une preuve rapidement ? PM > Install-Package IronQR
exécuter un échantillon regarder votre URL devenir un code QR.