Comment implémenter des couleurs personnalisées pour les QR codes
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 simplifie la modification des couleurs du code 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 codesDéfinissez les couleurs de premier plan et d'arrière-plan via QrStyleOptions et enregistrez le code QR stylisé.
-
1Install IronQR with NuGet Package Manager
-
2Copiez 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");C# -
3Déployez pour tester sur votre environnement de production.
Commencez à utiliser IronQR dans votre projet dès aujourd'hui avec un essai gratuit
Flux de travail minimal (5 étapes)
- Téléchargez la bibliothèque C# pour créer des QR codes avec des couleurs personnalisées
- Créez un code QR en utilisant la classe
QrWriter - Initialisez
QrStyleOptionspour configurer l'apparence - Définissez les propriétés
ColoretBackgroundColor - Sauvegardez le code QR stylé en utilisant
SaveAs
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.
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")
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.
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")
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
BackgroundColorpour changer la zone plus claire derrière le motif QR - Couleur de premier plan : Utilisez
Colorpour 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.
Curtis Chau détient un baccalauréat en informatique (Université de Carleton) et se spécialise dans le développement front-end avec expertise en Node.js, TypeScript, JavaScript et React. Passionné par la création d'interfaces utilisateur intuitives et esthétiquement plaisantes, Curtis aime travailler avec des frameworks modernes et créer des manuels bien structurés et visuellement attrayants.
