Diseño de códigos QR en color - Guía de personalización y mejores prácticas
Por qué los códigos QR en color siguen funcionando
Los escáneres de códigos QR reconocen el contraste entre las áreas "claras" y "oscuras", no colores específicos. La cámara convierte las imágenes capturadas a escala de grises y las binariza en blanco (claro) y negro (oscuro) según un umbral. Cualquier combinación de colores con suficiente relación de contraste se escaneará correctamente.
Por ejemplo, módulos azul marino oscuro sobre fondo blanco, o módulos negros sobre fondo amarillo claro funcionan bien. Los colores de marca pueden incorporarse libremente siempre que se sigan las reglas de contraste.
Tres reglas a seguir
Reglas para cambiar los colores de los códigos QR:
- Colores oscuros para los módulos, colores claros para el fondo: los escáneres reconocen las áreas oscuras como módulos (datos). Invertir esta relación causa un fallo en la detección del patrón de búsqueda, impidiendo el reconocimiento del código QR por completo. Este es el patrón de fallo más común.
- Asegurar suficiente relación de contraste: apunte a una relación de contraste WCAG de 4,5:1 o superior. Evite combinaciones de gris claro sobre blanco o pastel sobre pastel.
- No alterar los patrones de búsqueda: los tres cuadrados grandes en las esquinas deben mantener un alto contraste. Colorearlos con colores de baja visibilidad causa fallos de detección.
Combinaciones de colores a evitar
Estos esquemas de color causan errores de escaneo:
- Módulos blancos sobre fondo oscuro (invertido): los escáneres malinterpretan claro y oscuro, fallando en decodificar los datos correctamente. Se ve bien pero reduce drásticamente las tasas de escaneo.
- Combinaciones de rojo y verde: más allá de la accesibilidad para la visión del color, algunos sensores de cámara muestran contraste insuficiente. Las tasas de reconocimiento bajan especialmente en smartphones económicos.
- Módulos amarillos sobre fondo blanco: la relación de contraste es demasiado baja para un escaneo fiable.
Diseño de códigos QR con logotipo
Colocar logotipos en el centro de los códigos QR es ampliamente utilizado para equilibrar el reconocimiento de marca con la funcionalidad. Esto funciona gracias a la corrección de errores del código QR. Con el nivel de corrección de errores H (30% recuperable), los códigos QR siguen siendo legibles incluso con aproximadamente el 30% del área cubierta por un logotipo.
Se aplican varias advertencias. Primero, coloque siempre los logotipos en el centro. Los logotipos que se superponen a los patrones de búsqueda o los patrones de temporización en las tres esquinas hacen imposible el escaneo. Segundo, mantenga el área del logotipo dentro del 20-25% del área total del código para un margen de seguridad.
Consideraciones de impresión vs digital
Los colores de los códigos QR aparecen de forma diferente según el medio de visualización. Los colores vibrantes en pantalla pueden oscurecerse o perder contraste al imprimirse.
Para impresión: especifique los colores en CMYK y pruebe el escaneo de los materiales impresos reales. El papel brillante puede causar reflejos de iluminación que dificultan el escaneo. El papel mate proporciona resultados más consistentes.
Para visualización digital: especifique los colores en RGB. Tenga en cuenta que el brillo de la pantalla afecta al contraste percibido. Pruebe en múltiples dispositivos con diferentes configuraciones de brillo.