Colores de códigos QR que sí se escanean

Los escáneres leen contraste, no color

Un escáner no ve rojo ni azul. Reduce la imagen a escala de grises y busca una diferencia de claro-oscuro entre los módulos y el fondo. Cualquier par de colores funciona si la distancia de luminancia es suficiente, y cualquier par falla si no lo es — incluidos pares que a tu ojo le parecen radicalmente distintos.

La medida útil es la relación de contraste, la misma que se usa en accesibilidad web. Negro sobre blanco es 21:1. Para impresión, busca 7:1 o mejor y trata todo lo que baje de 4:1 como un código que fallará en algún sitio: una sala con poca luz, una cámara barata, una etiqueta desgastada, un teléfono inclinado.

Mantén el código más oscuro que el fondo

Módulos oscuros sobre fondo claro es lo que espera cualquier decodificador. Es lo que describe la especificación y lo que dan por hecho los escáneres de hardware, los teléfonos antiguos y los lectores integrados en apps antes de intentar nada más ingenioso.

Los códigos invertidos — módulos claros sobre fondo oscuro — sí funcionan en muchos teléfonos modernos. La cámara de iOS y Google Lens suelen resolverlos. Pero muchos escáneres dentro de apps, bastantes teléfonos Android antiguos y casi todos los lectores láser o de imagen no invierten, así que un código invertido te hace perder en silencio una parte de tu público, sin mensaje de error y sin forma de enterarte.

Si el diseño necesita de verdad una superficie oscura, no inviertas. Imprime una placa clara detrás del código — un panel blanco o crema con toda la zona de silencio dentro — y deja los módulos oscuros. Parece intencionado y se escanea en todas partes.

Combinaciones de color seguras y arriesgadas

Las relaciones de contraste siguientes son aproximadas y están calculadas al modo WCAG, color del código frente a color de fondo. Todo lo que está en la banda segura conserva margen para la mala luz y las cámaras baratas.

Por qué el rojo es el reincidente

El rojo aporta muy poca luminancia para lo llamativo que resulta. El rojo puro sobre negro mide alrededor de 5:1 sobre el papel, pero se derrumba en la práctica, porque el canal rojo de la cámara es el más ruidoso y la luz cálida de interiores desplaza aún más el balance de blancos en su contra. El rojo oscuro sobre negro se queda cerca de 2:1 y sencillamente no se decodifica.

La misma trampa atrapa al amarillo y al naranja por el otro extremo. Al ojo le parecen brillantes, así que se combinan con blanco, donde la distancia de luminancia es casi nula. El amarillo sobre blanco ronda 1,4:1 — un código que tú ves perfectamente y que un escáner no puede leer en absoluto.

Los patrones de localización no son decoración

Los tres cuadrados grandes de las esquinas son los patrones de localización, y en todos los códigos salvo los más pequeños hay además un cuadrado de alineación cerca de la esquina inferior derecha. El escáner los usa para localizar el código, deducir su orientación y corregir el ángulo antes de leer un solo módulo de datos.

Tienen que seguir siendo la parte más oscura y con más contraste de la imagen. Teñirlos con un color de acento más claro, rellenarlos con un degradado, perfilarlos con un trazo fino o dejar que un logo o una fotografía los tape son formas infalibles de crear un código que se ve genial y se escanea a ratos.

Cambiar su forma es otra cosa y no hay problema. Unos patrones de localización redondeados o circulares conservan la misma relación claro-oscuro y solo cambian el contorno; por eso existen las opciones de estilo. Lo que hay que evitar es alterar su contraste.

Degradados, fotos y transparencia

Un degradado sobre los módulos solo es seguro si cada parada supera tu mínimo de contraste frente al fondo. Un degradado que va de azul marino profundo a azul cielo pálido se escaneará en un extremo del código y fallará en el otro, algo peor que fallar del todo, porque supera tu primera prueba.

• Mantén los degradados dentro de un rango estrecho y oscuro — por ejemplo de #1E1B4B a #4338CA, nunca de azul marino a blanco.
• Aplica los degradados solo a los módulos. Deja el fondo en un único color claro y plano.
• Nunca coloques un código directamente sobre una fotografía. Ponlo sobre una placa clara y sólida con toda la zona de silencio dentro de esa placa.
• Evita los códigos semitransparentes sobre vídeo o imágenes. El fondo se mueve y el contraste se va con él.

Usar los colores de tu marca sin romper el escaneo

Casi todas las paletas tienen algo lo bastante oscuro para funcionar. Coge el color más oscuro de la marca, compruébalo contra blanco y, si supera 7:1, puedes construir todo el código con él y seguir siendo fiel a la marca.

Si el color de marca es claro o de tono medio, gástalo en algo que no sean los módulos: como fondo detrás de un código casi negro, como marco o panel alrededor, como texto de llamada a la acción debajo o como logo en el centro. El código en sí se queda oscuro y todo lo que lo rodea lleva la marca.

Un logo central añade su propia limitación. Mantenlo por debajo de un 20 a 25 por ciento del área del código y sube la corrección de errores a Q (unos 25 por ciento de recuperación) o H (alrededor del 30 por ciento) para que los módulos tapados se puedan reconstruir.

Cómo comprobarlo antes de imprimir

Tres comprobaciones detectan casi todo, y todas juntas llevan menos tiempo que una reimpresión.

• Pasa los dos valores hexadecimales por cualquier comprobador de contraste WCAG. Por debajo de 4:1, cambia algo. Entre 4:1 y 7:1, pruébalo a fondo antes de comprometerte.
• Haz una captura del código y pásala a escala de grises. Si los módulos y el fondo se funden en gris, eso es exactamente lo que recibe el escáner.
• Imprime a tamaño final sobre el material final y escanea con tres teléfonos, a la distancia real y con la luz real — incluido un escáner dentro de una app, que es más estricto que la cámara nativa.