Un QR de marca, con colores corporativos, se ve mejor que uno en blanco y negro, pero cada color que cambias reduce el margen de seguridad. La clave es entender qué mide realmente la cámara.
La cámara compara luminosidad
El lector convierte la imagen a una escala de claros y oscuros y decide, para cada módulo, si es "uno" o "cero". Dos colores muy distintos para el ojo (por ejemplo, un rojo y un verde intensos) pueden tener una luminosidad casi igual y quedar como el mismo gris para la cámara. Lo que importa es el contraste de luminosidad entre los módulos y el fondo.
Cómo se mide
El contraste se expresa como un ratio entre 1:1 (sin diferencia) y 21:1 (negro puro sobre blanco puro), con la misma fórmula que usan las pautas de accesibilidad web (WCAG). QRGen calcula el ratio en tiempo real. Como referencia práctica:
- 7:1 o más: ideal, especialmente para impresión o superficies con reflejos.
- Entre 4,5:1 y 7:1: aceptable en pantalla o con buena impresión; prueba antes de producir en cantidad.
- Menos de 4,5:1: riesgo alto de fallos con mala luz o cámaras modestas.
Ejemplos con valores calculados
Estos son los ratios reales de combinaciones habituales:
| Combinación | Colores | Contraste | Valoración |
|---|---|---|---|
| Negro cálido sobre blanco (color por defecto de QRGen) | #1a1a18 / #ffffff | 17.4:1 | Ideal |
| Azul marino sobre blanco | #1e3a8a / #ffffff | 10.4:1 | Ideal |
| Verde oscuro sobre verde muy claro | #166534 / #f0fdf4 | 6.8:1 | Aceptable, prueba antes de imprimir |
| Violeta medio sobre blanco | #6c63ff / #ffffff | 4.3:1 | Insuficiente |
| Naranja (acento de QRGen) sobre blanco | #e05c2e / #ffffff | 3.7:1 | Insuficiente |
| Amarillo sobre blanco | #ffd400 / #ffffff | 1.4:1 | Insuficiente |
Observa que el naranja y el amarillo, muy llamativos, se quedan cortos como color de módulos sobre blanco. Funcionan mejor como color de marco, de fondo del marco o de los "ojos" si se combinan con un fondo oscuro.
Polaridad: oscuro sobre claro
El estándar espera módulos oscuros sobre un fondo claro. Muchos móviles modernos también leen QR invertidos (claro sobre oscuro), pero no todos los lectores lo hacen, y los códigos impresos en superficies reflectantes suelen fallar más. Si invertes los colores, prueba con más de un móvil y con más de una app.
Gradientes y fondo transparente
- Gradientes: comprueba el contraste en el extremo más claro del degradado, no en el promedio. QRGen mantiene los "ojos" en color sólido para ayudar a la detección.
- Fondo transparente: el contraste dependerá de lo que haya detrás. Evita colocarlo sobre fotos o texturas.
Zona de silencio
El estándar exige un margen vacío de 4 módulos alrededor del código. Ahí no debe haber texto, bordes ni imágenes, o el lector no distingue dónde empieza el QR. El control de margen del generador sirve para esto.
Antes de imprimir
- Escanea en pantalla desde otro dispositivo.
- Imprime una prueba pequeña en el material final (mate o brillante cambia el resultado).
- Escanéala con luz natural, con luz interior y con la linterna.
- Si dudas, sube el contraste: un QR menos vistoso que siempre se lee es mejor que uno bonito que falla.
Preguntas frecuentes
¿Puedo usar los colores de mi marca?
Sí, siempre que el ratio de contraste sea suficiente. Si tu color es claro, úsalo en el fondo o el marco y deja los módulos en una variante oscura.
¿Qué pasa con el modo oscuro del móvil?
Un QR con fondo transparente mostrado en una pantalla oscura puede quedar invertido. Usa un fondo blanco sólido cuando el QR se muestre en pantalla.
¿Los degradados reducen la legibilidad?
Solo si el extremo claro baja del contraste mínimo. Comprueba ambos extremos, no el promedio.
¿Cómo sé si mi combinación es segura?
QRGen muestra el ratio de contraste en tiempo real. También puedes usar cualquier comprobador de contraste WCAG con tus dos colores.