¿Un código QR puede ser de colores? Colores y fondos que se siguen escaneando

Sí, un código QR puede ser de casi cualquier color, y un código de colores suele ser el que la gente nota y escanea. La regla es corta: los puntos tienen que quedar claramente más oscuros que el fondo. Al escáner no le importa el tono. Convierte la imagen en claro y oscuro y busca el patrón, así que dos colores que a ti te parecen distintos pueden ser el mismo gris para una cámara.

Para mostrar dónde está el límite, hicimos ocho códigos con el generador de códigos QR gratis, todos con el mismo enlace, y leímos cada uno 12 veces en condiciones simuladas de cámara: más pequeño en el cuadro, un poco borroso, con luz dispareja y con ruido del sensor, como ve un celular un código impreso al otro lado de una mesa.

Por qué importa más el contraste que el color

La cámara del celular lee un código QR en escala de grises. Cada cuadrito es "oscuro" o "claro" según su brillo comparado con el de sus vecinos. Cuando los puntos y el fondo tienen un brillo muy distinto, la decisión es fácil incluso con poca luz, en ángulo o de lejos. Cuando se parecen, los reflejos, las sombras y una cámara sencilla mandan algunos cuadritos al lado equivocado y el código deja de leerse.

La forma de medirlo es la relación de contraste, el mismo número que usan los diseñadores para que un texto se lea: 1:1 es el mismo brillo y 21:1 es negro sobre blanco. Para códigos QR:

• 4.5:1 o más es la zona segura. Todas las Combinaciones listas del editor de KuikCode están ahí.
• Entre 2.5:1 y 4.5:1 suele escanearse, pero más lento con poca luz.
• Por debajo de unos 2.5:1 muchos celulares fallan. El generador gratis no deja descargar y te pide oscurecer los puntos o aclarar el fondo.

Lo que falló en nuestra prueba

• Colores claros en los puntos. El amarillo sobre blanco se ve alegre, pero con 1.4:1 se leyó solo en 2 de 12 intentos. El rosa pastel, el celeste y el plateado tienen el mismo problema.
• Dos tonos medios. Puntos grises sobre un fondo gris un poco más claro, 1.7:1, se leyeron en 4 de 12. Es el clásico diseño "elegante" que falla el día del evento.
• Colores invertidos. Los puntos blancos sobre azul marino se leyeron siempre en nuestra prueba, porque el lector que usamos prueba de las dos formas. No todas las apps lo hacen: algunas solo buscan puntos oscuros sobre fondo claro. La mayoría de las cámaras recientes lo resuelven, pero para un póster o un empaque que cualquiera podría escanear, oscuro sobre claro es más seguro.
• Transparente sobre oscuro. Un fondo transparente es perfecto en papel blanco. Imprime el mismo archivo en una caja negra, una pared oscura o una foto, y los puntos oscuros desaparecen: cero lecturas.

Reglas para un código QR de colores que se escanea

1. Elige un color oscuro para los puntos. Azul marino, morado intenso, verde bosque, vino, chocolate o negro. Si el color de tu marca es claro, úsalo en el marco o en los cuadros de las esquinas.
2. Deja el fondo claro y liso. Blanco, crema o un tono pálido de tu marca. Evita fotos con mucho detalle justo detrás de los puntos.
3. Los degradados funcionan si todos sus colores son oscuros. Compara el extremo más claro del degradado con el fondo, no el más oscuro.
4. Colorea los cuadros de las esquinas con la misma regla. Un color distinto en los tres cuadros grandes es un buen detalle, siempre que también sean oscuros.
5. No te guíes por el tono. Rojo sobre verde, azul sobre morado o naranja sobre rosa pueden verse distintos y tener casi el mismo brillo. Compara el brillo, no el nombre del color.
6. Decide dónde va a vivir un código transparente. Sobre superficies claras, puntos oscuros; sobre superficies oscuras, puntos claros o un fondo claro propio para el código.
7. Pon el color más llamativo alrededor del código, no dentro. Un marco, una textura o un sticker pueden ser de cualquier color, porque el escáner no los lee.

Cómo revisarlo antes de imprimir

La revisión más rápida es la que trae la herramienta con la que diseñas. En el editor de KuikCode, un indicador debajo de la vista previa dice qué tan bien se lee el diseño: verde Escaneable, ámbar Escaneable, mejora el contraste, o rojo Difícil de escanear, con un enlace a la parte que hay que arreglar. Cuando el editor puede leer la vista previa por sí mismo, dice Escaneo verificado. Los puntos claros sobre fondo oscuro tienen su propio aviso ámbar, por las apps que no leen colores invertidos.

Después haz la prueba real: imprime una prueba al tamaño que vas a usar (mira de qué tamaño debe ser un código QR) y escanéala con dos celulares distintos, uno de ellos más viejo, con la luz del lugar donde va a estar. Si tarda, sube el contraste antes de subir el tamaño.

Cuando un código aun así no se escanea

El color es la causa más común, pero no la única. Si tu código tiene buen contraste y aun así falla, el problema suele ser el tamaño, que no tenga margen alrededor o un logo que tapa demasiado. Nuestra guía sobre por qué no escanea un código QR repasa cada caso.