Cómo Implementar Colores Personalizados en Códigos QR

Cambiar el Color de Fondo

El color de fondo de un código QR es la zona más clara que rodea los módulos oscuros. Por defecto, es blanco, pero puedes cambiarlo a cualquier color que proporcione suficiente contraste con el primer plano.

Configurar un color de fondo personalizado es útil al colocar códigos QR en superficies de color o cuando deseas que coincida con la paleta de colores de tu marca. Solo asegúrate de que haya suficiente contraste para que los escáneres puedan leer el código de manera confiable.

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

Cambiar el Color de Primer Plano

El color de primer plano representa los módulos oscuros del código QR—el patrón de datos que los escáneres leen. Aunque el negro es la elección estándar, puedes usar cualquier color más oscuro que mantenga un buen contraste con el fondo.

Cambiar el color de primer plano te permite incorporar el color principal de tu marca en el diseño del código QR. Azules profundos, verdes oscuros o borgoñas ricos funcionan bien como alternativas al negro.

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

Conclusión

Personalizar los colores de los códigos QR con IronQR abre posibilidades creativas mientras mantiene tus códigos completamente funcionales:

• Color de Fondo: Usa BackgroundColor para cambiar el área más clara detrás del patrón QR
• Color de Primer Plano: Usa Color para modificar los módulos oscuros que codifican tus datos
• Estilizado Combinado: Configura ambas propiedades juntas para una completa alineación de marca

Recuerda mantener un contraste adecuado entre los colores de primer plano y fondo para asegurar un escaneo confiable a través de diferentes dispositivos y condiciones de iluminación.

Para más opciones de estilizado, incluyendo logotipos, márgenes y dimensiones, visita la documentación de IronQR o explora ejemplos adicionales de código en GitHub.