Cincuenta pares de colores para códigos QR, y cuáles sobreviven a la impresión

por el equipo de KoloQRInvestigación

Tarjetas blancas con códigos QR en ocho colores distintos - azul marino, morado, sangre de toro, vino, gris, naranja, verde y amarillo - sobre un fondo verde brillante, con una etiqueta negra redondeada cruzando el centro que dice "50 QR Code Colour Pairs".

De los cincuenta pares de código y fondo de aquí abajo, diez superan el 7:1 y se pueden imprimir sin miedo, once quedan entre 4:1 y 7:1 y pertenecen a la pantalla, y trece caen por debajo de 4:1 y no deberían llevar un código QR en absoluto. El patrón de los fallos es constante: colores de marca de tono medio. Todos los amarillos, todos los naranjas por encima del Ámbar 700 y todos los verdes más claros que el Verde bosque están en el grupo de abajo.

Puntos clave

  • Diez de los cincuenta pares superan el 7:1, el objetivo de trabajo para impresión. Los diez son un color muy oscuro sobre blanco o sobre un tinte casi blanco.
  • Trece caen por debajo de 4:1. Todos ellos son un color medio o claro usado como código y no como fondo: amarillos, naranjas, verdes medios, cianes medios.
  • El fallo es sistemático, no aleatorio. Un color lo bastante oscuro como para imprimir un código QR legible suele ser más oscuro que el color que una marca considera suyo.
  • La relación de contraste es aritmética sobre dos valores hexadecimales, así que cada cifra de esta tabla es reproducible en lugar de reportada. No se imprimió ni se escaneó ningún código para obtenerla.
  • La relación te habla del par, no de la impresión. La ganancia de punto, el color del soporte, el brillo y la propia exposición de la cámara se interponen entre una relación que aprueba y un código que escanea sobre papel.
  • Invertir - código claro sobre fondo oscuro - puede dar una relación altísima y aun así fallar, porque algunos decodificadores dan por hecho oscuro sobre claro y nunca prueban la polaridad contraria.

Qué es el número de esta tabla y qué no es

Una relación de contraste es la luminancia relativa del más claro de dos colores dividida entre la del más oscuro, desplazada para que la escala vaya de 1:1 con dos colores idénticos a 21:1 con negro sobre blanco. Es la misma cifra que usa WCAG para la legibilidad del texto, y se calcula en lugar de observarse: se linealiza cada canal sRGB, se pondera 0,2126 el rojo, 0,7152 el verde y 0,0722 el azul, y se divide.

Merece la pena enunciar esa definición con precisión, porque es la razón por la que cada fila de abajo es comprobable. Nadie tiene que fiarse de esta tabla. Dos valores hexadecimales y la fórmula dan el mismo número en cualquier máquina, que es un tipo de afirmación distinto de «lo probamos y funcionó».

Y ese es también su límite. No se imprimió ni se escaneó ningún código QR para hacer esta tabla. La columna de veredicto aplica dos umbrales de diseño que este sitio ya publica - alrededor de 7:1 para impresión y alrededor de 4:1 para pantalla - a una relación calculada. Es un filtro para decidir qué pares merece la pena probar, no un sustituto de probarlos.

La razón por la que esos umbrales están tan por encima de lo que necesita un decodificador está en la prueba de contraste mínimo: el decodificador de código abierto que se puede leer se rinde cerca de 1,2:1, y todo lo que hay entre ahí y 7:1 es margen para lo que la impresión le hace a un código después de que el archivo sea correcto.

Los diez pares que superan la impresión

Estos llegan a 7:1 o más y les queda margen de sobra para la ganancia de punto, la reflectancia del papel y una fuente de luz incómoda. Todos ellos son un color muy oscuro sobre blanco.

ParHexadecimalRelaciónSeguro para
Negro sobre blanco#000000 sobre #FFFFFF21,00:1Impresión
Casi negro sobre blanco#111111 sobre #FFFFFF18,88:1Impresión
Azul marino sobre blanco#0B1F3A sobre #FFFFFF16,52:1Impresión
Púrpura intenso sobre blanco#581C87 sobre #FFFFFF10,88:1Impresión
Granate sobre blanco#7F1D1D sobre #FFFFFF10,02:1Impresión
Vino sobre blanco#9D174D sobre #FFFFFF7,88:1Impresión
Verde intenso sobre blanco#065F46 sobre #FFFFFF7,68:1Impresión
Gris cálido sobre blanco#57534E sobre #FFFFFF7,63:1Impresión
Naranja quemado sobre blanco#9A3412 sobre #FFFFFF7,31:1Impresión
Verde bosque sobre blanco#166534 sobre #FFFFFF7,13:1Impresión
El naranja quemado a 7,31:1 es la entrada útil de aquí: es el único color de la lista que una marca describiría como naranja, y está varios pasos más oscuro que el naranja que posee la mayoría de las marcas.

La lectura práctica de este grupo es que la paleta imprimible es estrecha y profunda. Azul marino, granate, vino, verde intenso, púrpura intenso: estos son los colores que funcionan, y una marca cuya identidad vive en ese extremo de su propia paleta puede imprimir un código QR de color sin pensárselo.

Los once pares que pertenecen a una pantalla

Estos quedan entre 4:1 y 7:1. En una pantalla, donde el contraste es perfecto, la luz uniforme y los bordes duros, van bien. En impresión han gastado el margen antes de que se seque la tinta.

ParHexadecimalRelaciónSeguro para
Púrpura 700 sobre blanco#7E22CE sobre #FFFFFF6,98:1Solo pantalla
Azul real sobre blanco#1D4ED8 sobre #FFFFFF6,70:1Solo pantalla
Rojo 700 sobre blanco#B91C1C sobre #FFFFFF6,47:1Solo pantalla
Verde azulado 700 sobre blanco#0F766E sobre #FFFFFF5,47:1Solo pantalla
Cian 700 sobre blanco#0E7490 sobre #FFFFFF5,36:1Solo pantalla
Azul 600 sobre blanco#2563EB sobre #FFFFFF5,17:1Solo pantalla
Verde 700 sobre blanco#15803D sobre #FFFFFF5,02:1Solo pantalla
Ámbar 700 sobre blanco#B45309 sobre #FFFFFF5,02:1Solo pantalla
Rojo 600 sobre blanco#DC2626 sobre #FFFFFF4,83:1Solo pantalla
Piedra 500 sobre blanco#78716C sobre #FFFFFF4,80:1Solo pantalla
Rosa 600 sobre blanco#DB2777 sobre #FFFFFF4,60:1Solo pantalla
El púrpura 700 se queda a 0,02 del umbral de impresión. Tratar el 7:1 como un precipicio sería absurdo, pero también lo sería dar por buena sin una prueba una pareja tan pegada a la línea.

Esta es la banda en la que se sitúan de verdad casi todos los colores de marca, y es la banda que produce el fallo concreto del código que escaneaba en el estudio y no escaneó en el lineal. La prueba del estudio fue en un monitor.

Los trece pares que no deberían llevar un código

Por debajo de 4:1, un código QR depende de la tolerancia del decodificador en lugar de ser legible. Estos pares escanean a veces, con un buen móvil, con buena luz y a un tamaño generoso, lo cual es peor que fallar del todo, porque pasa la única prueba que hace todo el mundo.

ParHexadecimalRelaciónSeguro para
Púrpura 500 sobre blanco#A855F7 sobre #FFFFFF3,96:1Ninguno
Rojo 500 sobre blanco#EF4444 sobre #FFFFFF3,76:1Ninguno
Azul 500 sobre blanco#3B82F6 sobre #FFFFFF3,68:1Ninguno
Naranja 600 sobre blanco#EA580C sobre #FFFFFF3,56:1Ninguno
Rosa 500 sobre blanco#EC4899 sobre #FFFFFF3,53:1Ninguno
Ámbar 600 sobre blanco#D97706 sobre #FFFFFF3,19:1Ninguno
Dorado sobre blanco#CA8A04 sobre #FFFFFF2,94:1Ninguno
Naranja 500 sobre blanco#F97316 sobre #FFFFFF2,80:1Ninguno
Cian 500 sobre blanco#06B6D4 sobre #FFFFFF2,43:1Ninguno
Verde 500 sobre blanco#22C55E sobre #FFFFFF2,28:1Ninguno
Amarillo 500 sobre blanco#EAB308 sobre #FFFFFF1,92:1Ninguno
Lima sobre blanco#78D650 sobre #FFFFFF1,82:1Ninguno
Amarillo 400 sobre blanco#FACC15 sobre #FFFFFF1,53:1Ninguno
El amarillo sobre blanco llega a 1,53:1, cerca del punto en el que un decodificador deja de ver un patrón en lugar de verlo débil.

El patrón de este grupo es la conclusión que merece la pena llevarse. No es que unos tonos fallen y otros aprueben: es que la luminosidad es la variable y el tono no. El verde aparece en las tres bandas: el verde intenso aprueba con 7,68:1, el Verde 700 es solo de pantalla con 5,02:1 y el Verde 500 falla con 2,28:1. El color es la misma idea tres veces; solo cambió la luminancia.

Códigos oscuros sobre papel tintado

Imprimir sobre algo que no sea blanco baja la relación, porque los módulos claros del código son el papel. El kraft, el crema, el reciclado y el papel de color parten todos de más abajo de lo que sugiere el archivo, y el archivo no puede decirte cuánto.

ParHexadecimalRelaciónSeguro para
Negro sobre crema#000000 sobre #FDF6E319,47:1Impresión
Negro sobre beige#000000 sobre #F5F5DC18,98:1Impresión
Antracita sobre blanco roto#1A1A1A sobre #F7F7F516,23:1Impresión
Azul Oxford sobre casi blanco#14213D sobre #FCFCFC15,57:1Impresión
Azul marino sobre azul pálido#0B1F3A sobre #EFF6FF15,18:1Impresión
Azul Oxford sobre ámbar pálido#14213D sobre #FEF3C714,35:1Impresión
Antracita sobre gris medio#1A1A1A sobre #D4D4D811,78:1Impresión
Granate sobre rojo pálido#7F1D1D sobre #FEF2F29,16:1Impresión
Verde bosque sobre verde pálido#166534 sobre #F0FDF46,81:1Solo pantalla
Gris oscuro sobre gris 400#333333 sobre #9CA3AF4,98:1Solo pantalla
Un tinte pálido cuesta menos de lo que parece. El negro sobre crema pierde 1,53 frente al negro sobre blanco, que no es nada. Lo que cuesta es que el color del código se aclare, no que el papel se oscurezca.

Las dos últimas filas son las instructivas. El verde bosque sobre blanco aprobaba con 7,13:1; el mismo verde sobre un tinte verde pálido baja a 6,81:1 y ya no supera el umbral de impresión. Un tinte que apenas se ve ha movido un par que aprobaba a la banda marginal.

Los códigos claros sobre fondos oscuros son otra pregunta

Invertir un código QR - módulos claros sobre fondo oscuro - da relaciones altas con facilidad, y la relación no es el problema. El problema es que la fórmula de la relación de contraste es simétrica y los decodificadores no.

ParHexadecimalRelaciónSeguro para
Blanco sobre negro#FFFFFF sobre #00000021,00:1Pruébalo
Blanco roto sobre casi negro#F5F5F5 sobre #11111117,32:1Pruébalo
Blanco sobre azul marino#FFFFFF sobre #0B1F3A16,52:1Pruébalo
Amarillo 400 sobre casi negro#FACC15 sobre #11111112,33:1Pruébalo
Lima sobre casi negro#78D650 sobre #11111010,38:1Pruébalo
Azul 400 sobre azul marino#60A5FA sobre #0B1F3A6,50:1Pruébalo
El amarillo llega a 12,33:1 invertido y a 1,53:1 del derecho. Mismo color, misma fórmula, resultados opuestos, que es una buena ilustración de por qué la relación por sí sola no decide nada.

Un código QR está especificado como módulos oscuros sobre fondo claro, y aunque muchos decodificadores prueban la polaridad invertida, no todos lo hacen y ninguno lo promete. Eso es una pregunta sobre el parque de escáneres y no sobre el color, y ninguna relación la responde. Si un diseño pide un código invertido, la columna de veredicto dice pruébalo porque probarlo es la única manera de saberlo.

Lo que la relación no te dice

Cuatro cosas se interponen entre una relación que aprueba y un código que escanea sobre papel, y ninguna de ellas se ve en el archivo.

  • Ganancia de punto. Toda máquina engorda ligeramente las zonas oscuras. En un código QR eso significa que los módulos claros se estrechan, lo que baja el contraste efectivo justo a la escala a la que muestrea un decodificador.
  • Soporte. La relación da por hecho que el fondo es el color del archivo. En papel offset, reciclado o de color no lo es, y el papel está haciendo la mitad del trabajo.
  • Acabado. Un laminado brillante puede poner un reflejo especular sobre parte del símbolo por muy bueno que sea el par de debajo. Un código de 21:1 bajo un reflejo es un código de 1:1 en esa zona.
  • Exposición de la cámara. Un móvil mide la escena entera. Un código pequeño sobre una superficie grande y clara se expone para la superficie, y llega al decodificador más plano de lo que salió de la imprenta.

Por eso la columna de veredicto está redactada como un umbral y no como una promesa. Superar el 7:1 significa que el par no es la razón de que el código falle; no significa que el código no vaya a fallar.

Cómo comprobar un par que no está en esta tabla

Casi todas las paletas de marca tienen un color que no está entre los cincuenta. La comprobación lleva segundos y es la misma que se usó para construir la tabla.

  1. Consigue la relación de los dos valores hexadecimales. Mete el color del código y el del fondo en el comprobador de contraste QR. Devuelve la misma cifra que usa esta tabla, para cualquier par.
  2. Compárala con el trabajo, no con un único número. Alrededor de 7:1 para cualquier cosa impresa, alrededor de 4:1 para un código que solo se vaya a mostrar en pantalla. Por debajo de 4:1, cambia el color en lugar del tamaño.
  3. Si falla, oscurece en lugar de cambiar de tono. Los fallos de esta tabla son un problema de luminosidad. Un naranja de marca que falla con 2,80:1 suele tener un hermano más oscuro en la misma paleta que supera el 7:1 y sigue leyéndose como la marca.
  4. Mide el archivo exportado, no la muestra de color. El validador de códigos QR lee la exportación terminada e informa del contraste que contiene de verdad, junto con la zona de silencio y el tamaño de módulo. Un degradado o un fondo suave cambian la respuesta que daban las muestras.
  5. Haz la escalera antes de una tirada grande. La escalera de contraste de la prueba de contraste mínimo produce un umbral para tus propios móviles y tu propio papel, que es el único número que describe tu trabajo en lugar del caso general.

Para el lado de diseño de la misma decisión - qué partes de un código pueden llevar color y dónde va un acento - los códigos QR de color cubren la colocación en lugar de la aritmética.

Crea tu código QR

Gratis, sin cuenta y sin marca de agua. Elige una forma, añade un logo, comprueba el contraste y exporta SVG, PDF, EPS o PNG: un código estático sin ninguna suscripción detrás.

Generar código QR

Questions? Answered

Diseña a unos 7:1 para impresión y a unos 4:1 para pantalla. Los decodificadores aceptan mucho menos - el de código abierto que se puede leer se rinde cerca de 1,2:1 -, pero todo lo que hay entre eso y 7:1 es margen para la ganancia de punto, el papel, los reflejos y la exposición de la cámara. Un par por debajo de 4:1 depende de la tolerancia y no de la legibilidad.

No como código en sí. El Amarillo 400 sobre blanco mide 1,53:1 y el Amarillo 500 mide 1,92:1, los dos muy por debajo de cualquier umbral utilizable. El amarillo funciona como fondo con un código muy oscuro encima, y funciona invertido sobre casi negro con 12,33:1, pero un código amarillo sobre fondo claro no.

Casi todos los colores de marca quedan entre 4:1 y 7:1, que basta en una pantalla y no basta en papel. Una pantalla da contraste perfecto, luz uniforme y bordes duros; la impresión gasta las tres cosas en ganancia de punto, reflectancia y reflejos. La prueba del monitor era la fácil.

Mide 21:1, lo mismo que negro sobre blanco, y aun así hay que probarlo. La norma QR especifica módulos oscuros sobre fondo claro. Muchos decodificadores prueban la polaridad invertida y algunos no, así que un código invertido es una pregunta sobre el parque de escáneres que ninguna cifra de contraste responde.

No por sí mismo. El negro sobre crema mide 19,47:1 y el negro sobre beige 18,98:1, los dos muy por encima del umbral de impresión. Lo que rompe los códigos es que se aclare el color del patrón, no que se oscurezca el papel. La combinación a evitar es un código oscuro sobre un papel de tono medio.

No, y la tabla no lo afirma. Cada relación está calculada a partir de los dos valores hexadecimales con la fórmula estándar de luminancia relativa, lo que hace cada cifra reproducible en lugar de reportada. La columna de veredicto aplica umbrales de diseño publicados a ese número. Si un par concreto sobrevive a una máquina concreta es una prueba, no un cálculo.

Lineariza cada canal sRGB de los dos colores, pondéralos 0,2126 el rojo, 0,7152 el verde y 0,0722 el azul para obtener la luminancia relativa, y divide la mayor entre la menor sumando 0,05 a cada una. Cualquier calculadora de contraste WCAG hace la misma aritmética, incluida la de este sitio.

Solo hasta cierto punto, y es la palanca equivocada. El tamaño ayuda al decodificador a resolver los módulos; el contraste es lo que le permite distinguirlos. Un código a 2:1 impreso a 10 cm es un patrón grande y plano. Cambia primero el color y luego dimensiónalo para la distancia de lectura.

¿Por qué KoloQR?

  • Crea códigos QR para sitios web, menús, Wi-Fi, PDF y tarjetas de visita
  • Personaliza colores, logotipos y formas únicas
  • Descarga archivos PNG y SVG de alta calidad
  • Pensado tanto para impresión como para digital
Generar código QR
Un código QR negro sencillo junto al mismo código rediseñado como un círculo con los colores de la marca