Generador de códigos QR estilizados gratuito

Acerca de los códigos QR

Los códigos QR (Quick Response) son códigos de barras 2D que pueden escanearse con smartphones y lectores dedicados. Codifican texto, URL, información de contacto, credenciales WiFi y más. Este generador crea códigos QR estilizados con colores y tamaños personalizados adaptados al marketing, el embalaje y el uso digital.

Niveles de corrección de errores

• L (7 %) · recuperación básica, funciona cuando el código está mayoritariamente intacto
• M (15 %) · estándar, protección equilibrada (recomendado)
• Q (25 %) · recuperación alta para códigos dañados
• H (30 %) · recuperación máxima para códigos muy dañados

Preguntas frecuentes

¿Puedo usar colores personalizados en un código QR?

¡Sí! La mayoría de los escáneres QR modernos gestionan bien los colores. Asegura un contraste alto entre el primer plano y el fondo para una lectura fiable. Prueba con tus escáneres de destino.

¿Qué tamaño usar?

Los códigos QR más grandes se leen más rápido y de forma más fiable. Usa al menos 100×100 px. Para impresión, usa 300 px o más para aplicaciones impresas pequeñas.

PNG o SVG · ¿qué formato es mejor?

Usa SVG para vectores escalables (web, escalado para impresión). Usa PNG para imágenes matriciales (visualización web, uso compartido rápido). Ambos funcionan igualmente bien para la lectura.

Lo que este styler realmente hace, y hacia dónde va el resto del campo

Esta página expone un conjunto deliberadamente pequeño de controles de estilo: elige un color de primer plano (oscuro), un color de fondo (claro), un tamaño de salida entre 100 y 1000 píxeles y un nivel de corrección de errores (L / M / Q / H). Luego renderiza un QR estándar con esos ajustes, íntegramente en tu navegador, y ofrece descarga en PNG y SVG. No hay incrustación de logo, ni formas de módulo redondeadas, ni variantes decorativas de patrones de búsqueda. Esas funciones existen en el ecosistema QR estilizado más amplio y se describen abajo, son lo que la mayoría busca al informarse sobre «QR codes estilizados», pero una herramienta cuidadosa es honesta sobre lo que entrega.

Por qué el estilo funciona: el margen de corrección de errores

Los QR codes usan corrección de errores Reed-Solomon (introducida por Irving S. Reed y Gustave Solomon en 1960, el mismo esquema de codificación que permite a un CD leer a través de una huella y a una sonda Voyager llamar a casa desde el espacio interestelar). El código se codifica de forma redundante para que un porcentaje de los módulos pueda faltar o leerse mal y los datos originales aún puedan recuperarse. Los cuatro niveles estandarizados, en palabras de Denso Wave:

• Nivel L (Low), aproximadamente el 7% de las palabras de código pueden restaurarse.
• Nivel M (Medium), aproximadamente el 15%. «Most frequently selected».
• Nivel Q (Quartile), aproximadamente el 25%.
• Nivel H (High), aproximadamente el 30%.

Guía oficial de Denso Wave: «Level Q or H may be selected for factory environment where QR Code get dirty» y «Level L may be selected for clean environment with the large amount of data.» Elige el nivel más bajo que sobreviva a tus condiciones reales de escaneo, porque cada salto de L a H hace el código más denso (más módulos por lado) para el mismo payload.

Para el estilo, la relación es directa: más margen de corrección de errores igual a más libertad visual sin romper el escaneo. Un logo, un módulo recoloreado, una forma de módulo redondeada, incluso un tinte suave en el fondo supuestamente claro, cada uno consume parte del presupuesto. Acumula demasiado y al decodificador Reed-Solomon del escáner se le acaban las correcciones. La receta práctica que siguen la mayoría de generadores con estilo: si añades un logo o cualquier estilo «de diseñador», sube al nivel H, e incluso así prueba en varios dispositivos antes de imprimir a escala.

Variantes de forma de módulo/punto

El QR estándar de la spec usa módulos cuadrados sin redondeo. Las bibliotecas de estilo modernas, y el ecosistema QR estilizado más amplio, suelen exponer un conjunto fijo de opciones de forma de módulo con nombre. El vocabulario de facto, establecido por la biblioteca qr-code-styling de Denys Kozak y copiado ahora por multitud de generadores:

• square, el defecto, idéntico al símbolo de referencia ISO/IEC 18004. Fiabilidad máxima de escaneo.
• rounded, módulos cuadrados con esquinas redondeadas. Pérdida leve de contraste en las esquinas, visualmente más suave.
• dots, puntos circulares sin fusión de módulos. Aspecto «de diseño» más marcado, cuesta el mayor margen de decodificación.
• classy, módulos con una esquina redondeada, diseñados para parecer chevrones fluidos cuando módulos oscuros adyacentes se alinean.
• classy-rounded, la forma classy con una curva más marcada.
• extra-rounded, cuadrado con el radio de esquina máximo, justo antes de volverse circular.

La biblioteca trata los módulos adyacentes del mismo color como un blob conectado antes de aplicar la forma, por eso rounded y classy dan trazos fluidos continuos y no módulos aislados. El escáner lee los centros de los módulos, así que mientras sobreviva el contraste centro-a-centro, la cámara está contenta. Esta herramienta actualmente solo expone los módulos cuadrados estándar, las demás formas necesitan otra biblioteca de render.

Variantes de ojo / patrón de búsqueda

Cada QR tiene tres «ojos», los grandes patrones en diana de las esquinas superior-izquierda, superior-derecha e inferior-izquierda. Estos patrones de búsqueda tienen una proporción fija de módulos de 1:1:3:1:1, una proporción interna que el equipo de Masahiro Hara analizó frente a los impresos de la época para encontrar una secuencia que casi nunca aparece por accidente, así el escáner los localiza rápido.

Cada patrón de búsqueda se compone en realidad de dos partes: un cuadrado de esquina exterior (un anillo de 7×7 módulos con un anillo interior de 5×5 del color inverso) y un punto de esquina (el centro sólido de 3×3). Las bibliotecas de estilo tratan ambas como personalizables de forma independiente, por eso verás controles «frame» y «ball» separados en herramientas como QRCode Monkey y QR TIGER. Ambas pueden tomar cualquiera de las mismas opciones de forma que los módulos de datos: square, dot, rounded, extra-rounded, classy, classy-rounded.

Aviso de escaneabilidad para el estilo de ojos: los patrones de búsqueda son la forma en la que un escáner encuentra el código en primer lugar. Distorsionarlos demasiado (p. ej. minúsculos puntos donde debería haber cuadrados sólidos) puede impedir que la cámara enganche, sobre todo a distancia o en ángulo. La regla segura: mantén al menos el anillo exterior del cuadrado de esquina como forma cerrada continua (square, rounded, extra-rounded, no «dots»), y puedes ser más atrevido con el punto interior.

Logos incrustados

Es la función de estilo QR más solicitada en 2026. El mecanismo es brutalmente simple: se genera el QR como siempre, después se dibuja una imagen de logo (PNG, JPEG, SVG) sobre el centro, reemplazando algunos módulos de datos. La corrección de errores Reed-Solomon «rellena» entonces los módulos ocultos en el momento del escaneo. Límites prácticos:

• Usa siempre el nivel de corrección de errores H (30%) al incrustar un logo.
• Mantén la cobertura del logo en 20-25% del área total de módulos (no del área visual incluyendo la zona quieta). Por encima de ~25% invades el margen de recuperación necesario para absorber el ruido real de escaneo. Por encima del 30% prácticamente garantizas el fallo en escáneres baratos y a distancia.
• Centra el logo. Las esquinas hospedan los patrones de búsqueda y (en códigos mayores) patrones de temporización y alineación; ocultarlos es la forma rápida de romper el código por completo.
• Si el logo tiene algún color cercano al fondo, ponle una «placa» opaca detrás para que el escáner no se confunda en el borde.
• Prueba siempre en al menos un iPhone, un Android de gama media y una app de escáner dedicada antes de imprimir a escala.

Esta herramienta no incrusta logos. Es una elección de alcance deliberada, las superposiciones de logo requieren un modelo de interacción cuidadoso (subida, posicionamiento, transparencia, bloqueo de nivel EC) que no encaja en una herramienta «color + tamaño». Para flujos QR-con-logo, mira el QR Code Generator relacionado.

Personalización de color, qué es seguro y qué no

El color es la única palanca de estilo que esta herramienta expone realmente, así que esta sección es la más directamente relevante. Primera regla: contraste. Un escáner QR mira cada módulo y decide «¿oscuro o claro?», y cuanto mayor sea la separación, más rápida y fiable es la decisión. La cifra de trabajo más citada específicamente para QR es un ratio de contraste de al menos 4:1 entre primer plano y fondo, con 4,5:1 o más preferido para la fiabilidad real. La guía general de WCAG 2.x sobre gráficos no textuales (criterio 1.4.11) marca 3:1 como mínimo; los QR necesitan superar ese listón con margen porque la cámara no tiene el razonamiento contextual humano al que recurrir.

• Fiables: azul marino, verde oscuro, púrpura oscuro, carbón, negro sobre blanco, marfil o tintes muy pálidos.
• Bonitos pero a menudo no escaneables: rojo medio sobre verde medio, «paleta de marca apagada» sobre fondo apagado, pastel sobre pastel.
• Rojo puro como primer plano es un viejo modo de fallo que vale la pena mencionar. Muchos escáneres CCD antiguos usan un LED de iluminación roja, lo que hace que el rojo se vea igual que el blanco para el sensor. Las cámaras de smartphone modernas están bien, pero si tu QR puede ser escaneado por lectores industriales, evita primeros planos rojos.

Segunda regla: no invertir. Un QR es, por spec, módulos oscuros sobre fondo claro. Los QR invertidos (claro sobre oscuro) son técnicamente válidos y los escáneres más listos (iOS Camera moderno, último Google Lens) saben invertirlos y leerlos, pero una parte significativa de los teléfonos sobre el terreno no. Las apps de cámara Android antiguas, las apps de escáner de terceros y casi todos los escáneres de código de barras dedicados asumen oscuro-sobre-claro y fallan al inverso. Pauta recomendada cuando tienes un fondo de marca oscuro y quieres poner un QR: no inviertas, coloca un QR estándar oscuro-sobre-claro dentro de una «placa» o caja clara contrastante sobre la superficie oscura.

Tercera regla: los degradados y los módulos multicolor cuestan margen de decodificación. Las bibliotecas de estilo soportan degradados lineales y radiales en los módulos oscuros, el fondo e incluso los ojos por separado, y quedan preciosos en pantalla. Pero cada transición de color suave hace más difícil para el escáner la decisión oscuro/claro por módulo, sobre todo con luz pobre. Los degradados son más seguros cuando se mantienen dentro de una sola familia oscura (p. ej. marino fundiéndose en púrpura profundo, ambos claramente «oscuros») en lugar de cruzar medios tonos. Esta herramienta solo expone colores sólidos, que es el punto de partida más seguro.

PNG o SVG, elección de formato de salida

PNG es un formato ráster. El QR se renderiza a una rejilla de píxeles fija. Pros: funciona en todas partes, incluidos clientes de correo antiguos y cualquier superficie de visualización de imagen. Contras: escalar más allá de la resolución renderizada provoca borrosidad y aliasing en los bordes de los módulos, lo que puede comprometer la escaneabilidad en impresiones grandes. Para un PNG de 300 px usado en un póster 600×600 mm, los módulos se verán notablemente blandos.

SVG (Scalable Vector Graphics) es un formato vectorial. El QR se describe como un conjunto de polígonos y el renderer rasteriza a la resolución que pidan la pantalla o la impresora. Pros: escalable hasta el infinito sin pérdida; tamaño de archivo muy pequeño (a menudo unos pocos kB); editable en Illustrator, Affinity Designer, Inkscape; soporte nativo en navegadores modernos. Regla práctica: si va a pantalla, cualquiera vale; si va a imprenta, sobre todo a cualquier escala por encima de tarjeta postal, elige SVG.

Evita JPEG para QR codes. Los artefactos de compresión con pérdidas de JPEG se agrupan alrededor de bordes de alto contraste, justo donde está cada frontera de módulo QR, e incluso con ajustes de alta calidad JPEG puede introducir el suficiente difuminado de borde como para romper la decodificación en escáneres baratos. PNG es la opción ráster correcta.

El requisito de zona quieta (a menudo olvidado)

ISO/IEC 18004 exige una zona quieta, un margen de fondo claro, de al menos 4 módulos de ancho en los cuatro lados del código. Sin ella, el escáner puede confundir tipografía cercana, bordes o imágenes de fondo con parte del código y o no decodificar o decodificar incorrectamente. En la práctica: si un módulo mide 2 mm de ancho en el código impreso, la zona quieta debe tener al menos 8 mm en cada lado. Las descargas PNG y SVG de esta herramienta incluyen el margen estándar de zona quieta de fábrica. Muchas exportaciones QR «recortadas» para Instagram rompen la regla y es una causa principal de la frustración «¿por qué no se escanea mi código?».

Nota sobre los QR codes de pago

Una parte no trivial del tráfico mundial de QR es para pagos, y estos QR de pago no son genéricos. EMV QR Codes (especificación EMVCo, versión actual 1.1, última actualización 27 de noviembre de 2020) codifican un payload estructurado de ID de comercio, importe de la transacción, moneda, MCC, código de país y suma de control CRC. Alipay y WeChat Pay (China), UPI (India), PromptPay (Tailandia), PayNow (Singapur), PIX (Brasil) siguen payloads definidos por el regulador. Visualmente parecen QR ordinarios, pero una app de cámara genérica no puede pagar nada con ellos, el payload tiene que emitirlo la propia plataforma de pago. No puedes generar un QR de pago funcional con esta herramienta, por mucho que el estilo visual sea auténtico. Usa el panel de comercio de tu procesador de pagos.

El auge post-2020 del QR estilizado de marca, por qué importa

Los QR estaban técnicamente disponibles en todas partes desde alrededor de 2010, pero la adopción en Occidente fue superficial hasta que la COVID-19 forzó el giro sin contacto. Las interacciones con QR crecieron un 94% de 2018 a 2020; las descargas atribuidas a escaneos de QR crecieron un 750% entre Q1 2020 y Q4 2021. Unos 89 millones de usuarios de smartphone en EE. UU. escanearon un QR en 2022. Juniper Research proyecta que los pagos por QR superarán los 8 billones de dólares de gasto anual global en 2029, desde 5,4 billones en 2025. El proveedor de QR de marca QR TIGER afirma que los QR estilizados/de marca obtienen hasta un 70% más de escaneos que los QR blanco y negro (tómalo como cifra de proveedor, pero el punto direccional de que el estilo de marca impulsa los escaneos es ampliamente aceptado).

Para 2026 un QR ya no es una pieza rara de infraestructura utilitaria, es una superficie de marca. Las empresas quieren que se sienta de marca igual que quieren su tipografía o packaging de marca. Por eso existe la intención de búsqueda «styler» y por eso las herramientas que compiten convergen todas hacia el mismo set de controles de punto/ojo/color/logo.

Más preguntas

¿Puedo crear un QR de pago (Alipay, WeChat Pay, UPI) con esta herramienta?

No. Los QR de pago los emite la propia plataforma de pago y embeben un payload firmado criptográficamente o específico de la plataforma que un generador genérico no puede producir. Usa el panel de comercio de tu procesador de pagos o la integración oficial Alipay/WeChat/UPI para tu país.

¿Por qué mi QR en color no se escanea en algunos teléfonos?

Casi siempre un tema de contraste. Apunta al menos a 4,5:1 entre primer plano y fondo; usa oscuro-sobre-claro (no invertido); evita rojo puro en primer plano si pueden escanearte lectores industriales. Si incrustas un logo en otra parte, sube la corrección de errores al nivel H. La mayor causa de fallos de escaneo de QR estilizados son colores de marca bienintencionados que quedan de muerte en un nuancier Pantone pero le dan demasiado poco a una cámara de teléfono.

¿Puedo añadir un logo al centro de mi QR aquí?

No en esta herramienta, se centra en color y tamaño. Las superposiciones de logo requieren un modelo de interacción cuidadoso (gestión de subida, posicionamiento, transparencia, bloqueo de nivel EC) que no encaja en este flujo de «estilizado rápido». El patrón canónico: renderiza el QR a nivel H, luego compón tu logo en el centro con un editor de imagen manteniendo la cobertura al 20-25% del área de módulos.

¿Qué tamaño es el adecuado para imprimir un QR?

Regla práctica: la longitud de borde del QR debería ser al menos una décima parte de la distancia de escaneo esperada. Un QR pensado para escanearse a 1 m de distancia debería medir al menos 10 cm × 10 cm. Para un QR en pantalla de TV escaneado desde el otro lado del salón, lo quieres grande; para uno en tarjeta de visita escaneada al brazo extendido, 1,5-2 cm valen. Siempre SVG para imprenta, nunca JPEG, y mantén la zona quieta de 4 módulos intacta.

Herramientas relacionadas