Por qué un código QR se lee aunque cambies su color y el límite en que deja de leerse
Los códigos QR se pueden leer aunque no sean en blanco y negro
Cuando se piensa en un código QR, uno se lo imagina en blanco y negro, pero en realidad se puede leer aunque cambies el color. Rojo y blanco, azul marino y blanco, verde y blanco. Muchas personas habrán visto códigos QR adaptados al color corporativo de una empresa.
El escáner de códigos QR no reconoce el color en sí. Lo que reconoce es el contraste (la diferencia de luminosidad) entre las "zonas claras" y las "zonas oscuras". Los códigos QR en blanco y negro son los más fáciles de leer porque el contraste entre el blanco y el negro es el máximo posible.
Es decir, un código QR funciona en cualquier color siempre que combine un "color oscuro" con un "color claro". Rojo oscuro y blanco, azul oscuro y blanco, verde oscuro y blanco. Todas estas combinaciones tienen suficiente contraste, así que se leen sin ningún problema.
Combinaciones de colores que nunca debes usar
Por el contrario, también hay combinaciones de colores que hacen ilegible un código QR. La más peligrosa es la "inversión de colores".
Módulos claros sobre un fondo oscuro: La especificación del código QR establece que los módulos (los cuadros que representan los datos) son del "color oscuro" y el fondo del "color claro". Si se invierte esto (módulos blancos sobre un fondo negro), muchos escáneres no pueden leerlo correctamente. Algunos escáneres también admiten la inversión, pero no todos los escáneres pueden leerla.
Combinaciones de bajo contraste: Amarillo y blanco, celeste y blanco, rosa y naranja. Las combinaciones de dos colores claros tienen poco contraste, y el escáner no puede distinguir los límites de los módulos. Del mismo modo, las combinaciones de dos colores oscuros, como azul oscuro y negro o verde oscuro y marrón oscuro, también son difíciles de leer.
Combinaciones de rojo y verde: Para las personas con diversidad en la visión del color (daltonismo), el rojo y el verde son la combinación de colores más difícil de distinguir. Aunque el escáner pueda leerlo, al ojo humano le cuesta más darse cuenta de que "ahí hay un código QR". Es una combinación que conviene evitar desde el punto de vista de la accesibilidad.
Valores orientativos de la relación de contraste
En la práctica, se considera que la relación de contraste orientativa para que un código QR se lea con seguridad es de 4:1 o más entre los módulos y el fondo. Como el decodificador de la cámara determina los límites de los módulos aplicando un umbral a la diferencia de luminosidad y no al tono, con una diferencia de luminosidad de este nivel casi todos los escáneres lo leen de forma estable. Ten en cuenta que el 4,5:1 de las WCAG (Web Content Accessibility Guidelines), que se usa para la legibilidad del texto en la web, es un criterio distinto pensado para que las personas lean texto, y no es un valor que garantice si un código se puede escanear.
Puedes comprobar fácilmente la relación de contraste con herramientas gratuitas en la web (como WebAIM Contrast Checker). Basta con introducir el código del color de los módulos y el código del color del fondo para que se calcule la relación de contraste. Sin embargo, aprobar en cifras es solo una referencia, así que asegúrate de incluir un paso en el que escanees el código una vez con el impreso o la pantalla real que vayas a usar. No es raro que algo que se ve bien en pantalla pierda densidad al imprimirse y que la diferencia de luminosidad se reduzca.
Si tienes dudas, lo más seguro es volver a lo básico: "módulos en negro o en un color oscuro, fondo en blanco o en un color claro". Si por buscar un buen diseño el código deja de poder leerse, se pierde el sentido de todo.
¿Se puede usar un degradado o una foto como fondo?
Usar un degradado o una foto como fondo de un código QR es técnicamente posible, pero arriesgado. Como el color del fondo cambia según la zona, en algunos módulos el contraste puede ser insuficiente y producirse errores de lectura.
Si de verdad quieres usar un fondo degradado, una forma segura es dejar suficiente margen blanco (zona silenciosa) alrededor del código QR y colocar el propio código QR sobre un fondo de un solo color. Decora con tu diseño el "exterior" del código QR y mantén sencillo el "interior" del código QR. Hacer esta distinción es la clave para que convivan el diseño y la facilidad de lectura.
Cuando superpones un código QR sobre una foto, una técnica eficaz es colocar un cuadrado blanco semitransparente detrás del código QR. Así conservas el ambiente de la foto y, al mismo tiempo, aseguras el contraste necesario para leer el código QR.
Cómo divertirse jugando con los colores del código QR
Siempre que respetes las reglas, jugar con los colores del código QR resulta divertido.
Unificar con los colores de la marca: Si pintas los módulos con el color del logotipo de la empresa, las tarjetas de presentación y los folletos ganan coherencia. El rojo de Coca-Cola, el verde de Starbucks, el azul de Facebook. El código QR de una marca muestra por sí solo, a simple vista, "a qué empresa pertenece".
Dar un toque de temporada: Rojo y verde para las tarjetas de Navidad, naranja y negro para Halloween, rosa y blanco para la temporada de los cerezos en flor. Los códigos QR con colores de temporada alegran la vista de quien los recibe (aunque, con la combinación de rojo y verde, hay que tener cuidado con el contraste).
Cambiar la forma de los módulos: También son populares los códigos QR de diseño que convierten los módulos cuadrados en círculos o en corazones. Gracias a la función de corrección de errores del código QR, se tolera cierto grado de deformación. Sin embargo, si se deforman demasiado dejan de poder leerse, así que asegúrate de probarlos antes de usarlos.