Los códigos QR con marca — con colores personalizados, un logo en el centro o módulos redondeados — se escanean un 34% más que los códigos estándar en blanco y negro en pruebas de impresión controladas (Scanova QR Design Study, 2025). El mecanismo es la atención: un código que parece diseñado señala que escanearlo merece la pena. Una cuadrÃcula negra simple parece un artefacto técnico; un código con marca parece una invitación.
Lo más importante de un vistazo
- Los QR con marca generan un 34% más de escaneos que las versiones en blanco y negro
- El logo en el centro es seguro si cubre el 30% o menos del área del código
- Primer plano oscuro sobre fondo claro — nunca al revés (los códigos invertidos suelen fallar)
- La forma del módulo (puntos, redondeados, cuadrados) afecta la estética, no la fiabilidad de escaneo
- Siempre verificar la fiabilidad de escaneo tras añadir elementos de diseño — nunca asumir
Reglas de color para el diseño QR
El contraste es la única regla no negociable
Los escáneres QR detectan el contraste entre los módulos oscuros (el patrón) y el fondo claro. Mientras se mantenga el contraste, el color es flexible. Lo que nunca funciona:
- Códigos invertidos (patrón claro sobre fondo oscuro) — la mayorÃa de las apps de cámara no pueden leerlos de forma fiable
- Combinaciones de color de bajo contraste — ej.: azul oscuro sobre verde oscuro, o amarillo sobre blanco
- Fondos degradados con áreas claras bajo el código — el contraste inconsistente rompe el escaneo
Lo que funciona de forma fiable:
- Color de marca oscuro sobre fondo blanco o claro
- Patrón negro con fondo de color (si el fondo es suficientemente claro)
- Dos colores de marca contrastantes — ej.: azul marino profundo sobre fondo crema
Regla de prueba: Si no puedes ver todos los pequeños cuadrados claramente a distancia de brazo, el contraste es insuficiente.
Añadir un logo a un QR code
Los logos funcionan porque los QR incluyen corrección de errores: redundancia integrada que permite que hasta el 30% de los datos del código estén oscurecidos o dañados y aún se escaneen correctamente. Colocar un logo en el centro — donde la densidad de datos es menor — aprovecha esta ventaja.
Directrices seguras para colocar el logo:
- El logo cubre el 20–25% del área total del QR (recomendado)
- Logo colocado exactamente en el centro
- El logo tiene fondo blanco o claro detrás (sin transparencia directamente sobre los módulos)
- El logo tiene esquinas redondeadas o bordes suaves — los logos geométricos afilados a veces se mezclan visualmente con los módulos
- Exportar a alta resolución (SVG o PNG a 1000×1000 px mÃnimo) para evitar pixelación del logo
Opciones de forma del módulo
Los generadores de QR ofrecen diferentes formas de módulo (punto): cuadrado (predeterminado), cuadrado redondeado, cÃrculo (punto) y varias opciones decorativas. Desde el punto de vista de la fiabilidad de escaneo, todas funcionan — los escáneres modernos manejan módulos redondeados y circulares sin dificultad.
GuÃa estética:
- Módulos cuadrados: apariencia tradicional, técnica — apropiado para contextos B2B y financieros
- Cuadrados redondeados: apariencia más suave — popular para retail, hostelerÃa y marcas de consumo
- CÃrculos (puntos): apariencia moderna, orientada al diseño — usada en moda, belleza y tecnologÃa
- Formas mixtas: los patrones buscadores (los tres cuadrados de las esquinas) deben permanecer reconocibles — no aplicar formas personalizadas a estos
Patrones de ojo (estilización del finder pattern)
Los tres patrones cuadrados en las esquinas de un QR son los finder patterns — le indican al escáner dónde comienza y termina el código. Pueden estilizarse con bordes y colores de relleno personalizados, pero deben permanecer visualmente distintos y de alto contraste.
Personalizaciones seguras: borde exterior redondeado, cuadrado interior de color, color de primer plano diferente al de los módulos.
Personalizaciones inseguras: hacer los finder patterns del mismo color que los módulos (el escáner pierde orientación), eliminar el cuadrado interior o hacerlos transparentes.
Probar el QR diseñado
Un QR diseñado debe probarse antes de producción. Esto es innegociable — lo que parece correcto en pantalla puede fallar en impresión por renderizado de color, pérdida de resolución o compresión de la zona tranquila.
Lista de verificación de pruebas:
- Imprimir una copia en el tamaño previsto
- Escanear con al menos tres teléfonos: iPhone más reciente, Android de 3 años, dispositivo de gama media más antiguo
- Probar con poca luz (restaurante, bar, espacio de evento interior)
- Probar desde la distancia de escaneo prevista
- Si alguna prueba falla: aumentar el tamaño un 25%, aumentar el contraste o reducir la cobertura del logo
Preguntas frecuentes
¿Puedo hacer un QR blanco sobre fondo de color? Solo si el fondo es suficientemente oscuro para proporcionar alto contraste con los módulos blancos. Fondo claro con módulos oscuros es el estándar y la dirección más fiable — evitar invertirlo a menos que puedas probarlo a fondo.
¿Añadir un logo reduce la velocidad de escaneo? No de forma medible. Los escáneres QR modernos procesan códigos en milisegundos independientemente de la presencia del logo. El único factor que ralentiza el escaneo es el contraste o tamaño insuficiente.
¿Puedo usar degradados en un QR? SÃ, si el degradado se mantiene suficientemente oscuro en todo momento. Un degradado que va de oscuro en los bordes a claro en el centro romperá el escaneo donde caiga el contraste. Probar el código completo, no solo el centro.
¿Cuál es el mejor color de fondo para un QR? El blanco es el más seguro. El gris claro, crema o colores de marca claros también funcionan si se mantiene el contraste con el color del módulo. Evitar fondos que estén cerca en luminosidad al color del módulo.
Relacionado: GuÃa de tamaños QR · QR para flyers y carteles · GuÃa QR dinámicos