Dale tus colores a un código QR sin perder el escaneo
Un código QR puede ser de casi cualquier color, siempre que su patrón quede claramente más oscuro que el fondo que tiene detrás. El azul marino oscuro, el rojo intenso y el verde botella funcionan. El amarillo, el cian y los acentos pastel no, con cualquier herramienta que los haga. Esta página cubre qué color corresponde a cada parte de un código y cómo comprobar la pareja antes de mandarla a imprenta.
Generar código QR¿Qué es un código QR de color?
Un código QR de color es un código QR estándar cuyo patrón, patrones de detección, fondo o marco llevan colores distintos del blanco y el negro. Los datos no cambian con el color: un escáner lee los mismos módulos en cualquier caso. Lo que cambia es si una cámara todavía puede distinguir los módulos oscuros de los claros.
Las cuatro partes que puedes colorear
Un código QR de color no es una decisión de color, son cuatro, y cada una carga un riesgo muy distinto. Dos deciden si el código escanea. Dos son gratis.
- El patrón - los módulos de datos en sí. De este color depende el escaneo, así que se lleva el color más oscuro de tu paleta, no el más reconocible.
- Los patrones de detección de las esquinas - los tres que un escáner localiza antes de decodificar nada. Pueden llevar su propio color, pero uno pálido falla justo donde un código no se recupera.
- El fondo - blanco o un tono muy claro. Oscurecer el fondo gasta el mismo contraste que necesita el patrón, y es el más difícil de recuperar de los dos.
- El marco y la etiqueta - el anillo, el borde y el texto “Escanéame” alrededor del código. Ningún escáner lee nada de eso, y por eso es el único sitio donde un acento intenso no cuesta nada.
Ese reparto es todo el truco de los códigos de color que funcionan. Gasta el color de marca saturado en el marco, la etiqueta y el panel que hay detrás del código, y mantén el patrón casi negro. El resultado se lee como inconfundiblemente tuyo de un vistazo, mientras que la parte que una cámara tiene que resolver nunca salió de terreno seguro.
El color no es lo mismo que el contraste
Dos colores pueden verse completamente distintos para una persona y casi idénticos para una cámara, porque un escáner compara brillo y no tono. El amarillo puro sobre blanco da una relación de contraste de unos 1,07:1: una persona ve un código amarillo brillante y una cámara ve un cuadrado vacío. Diseña con 7:1 o mejor para impresión y 4:1 para pantalla, y trata 3:1 como la línea por debajo de la cual un código no sale. Los umbrales de contraste y a dónde se va el margen merecen una lectura antes de elegir la paleta. El comprobador de contraste QR devuelve la relación de cualquier par que escribas, así que la paleta se cierra antes de dibujar un solo código.
Generar código QR
Dónde funcionan mejor los códigos QR de color
Qué colores sobreviven depende menos del sector que de la superficie. El tono del papel, el comportamiento de la tinta, el brillo de la pantalla y la distancia de escaneo se llevan cada uno una parte del mismo presupuesto de contraste.
Cartas de restaurante y carteles de mesa
Los colores de la casa en el código de la carta hacen que parezca parte del servicio de mesa y no algo impreso a última hora. Mantén los módulos en el color más oscuro de la paleta y deja que la tarjeta lleve el color de marca alrededor.
Mostradores y carteles de estantería
La señalización de tienda suele imprimirse en un color de marca saturado, así que el montaje fiable es un código oscuro dentro de un panel claro sobre el soporte de color. El cartel sigue siendo de marca y el código conserva su propio contraste.
Acreditaciones y lanyards de eventos
El cartón de las acreditaciones suele ser de un solo color de marca. Un código casi negro impreso directamente sobre un cartón de tono medio puede funcionar; el mismo código en el color de acento del evento sobre ese cartón, normalmente no.
Envases y etiquetas de producto
El envase es donde más se desplaza el color entre la pantalla y el lineal, porque el arte se convierte a CMYK y la tinta se abre en el material. Juzga el color del código en una prueba impresa, nunca en el archivo de diseño.
Publicaciones sociales y vídeo
Las pantallas son el caso indulgente: 4:1 basta y nada se abre. El vídeo es la excepción, porque la compresión guarda el color con menos resolución que el brillo, así que un código cuyos bordes vienen del tono y no del brillo se difumina.
Carteles y señalización exterior
Leído a varios metros, un código de cartel cae en menos píxeles de cámara por módulo, lo que reduce la diferencia que mide un escáner. La distancia y el color salen del mismo presupuesto, así que elige cuál de los dos gastar.
Cómo elegir los colores de un código QR
Colorear un código es una serie de decisiones pequeñas en un orden fijo: el patrón, luego las esquinas, luego el fondo, luego todo lo que hay alrededor. El mismo presupuesto da forma a cada uno de los diseños creativos de códigos QR, donde las formas de los módulos y los marcos también tiran de él.
Elige los colores en el orden correcto
Casi todos los códigos de color que fallan lo hacen porque el color de acento de una marca acabó en el patrón. Recorrer las partes en este orden es lo que lo evita.
- Empieza por el color más oscuro que tengas - saca el color del patrón del extremo profundo de la paleta. Un azul marino #0F172A alcanza unos 17,9:1 sobre blanco; el ámbar de la misma marca, #F59E0B, alcanza 2,2:1, y ningún otro ajuste lo recupera.
- Oscurece el código, no aclares el fondo - cuando un color de marca no es lo bastante oscuro, bájalo dos o tres pasos en lugar de aclarar el fondo. Los fondos tienen que quedarse casi blancos para que la diferencia sobreviva al papel, y un tono más oscuro de un color de marca suele mantener su identidad.
- Juzga los patrones de detección por separado - un escáner encuentra las tres esquinas antes de leer un solo módulo, así que comprueba su color contra el fondo por su cuenta y toma el peor de los dos valores como el contraste real del código.
- Mantén la zona de silencio en el color del fondo - el margen vacío alrededor del código, de cuatro módulos de ancho, tiene que quedarse en el mismo color claro del fondo. Meter un borde de color o el arte dentro de él le quita al escáner el canto con el que encuentra el símbolo.
- Evita fotos detrás de un código, pero no los degradados - un escáner fija su umbral de claro y oscuro sobre vecindarios pequeños, así que un degradado suave detrás de un código suele sobrevivir, mientras que una foto cambia a mitad de camino de qué lado del umbral caen los módulos.
- Apruébalo en escala de grises - convierte el arte a escala de grises antes de dar el visto bueno. Si el código queda plano y gris ahí, eso es aproximadamente lo que recibe la cámara, y ninguna corrección de color lo cambia.
Lo que cuesta el color en impresión y sobre fondos oscuros
Dos decisiones de color traen consecuencias que una pantalla nunca muestra: invertir un código y llevar uno al papel. Merece la pena tomar ambas a conciencia.
- Un código invertido es una apuesta sobre el lector - los módulos claros sobre fondo oscuro dan exactamente la misma relación de contraste que al revés, y las cámaras actuales de iPhone y Android los leen. Los escáneres fijos de una caja o de un almacén a menudo no prueban la imagen en los dos sentidos.
- Imprime el código con una sola tinta - un código de color construido con cuatro tintas de proceso puede desregistrarse a tamaños de módulo pequeños, lo que ablanda todos los cantos a la vez. Una tinta directa, o 100 % de negro, mantiene el patrón nítido en máquina.
- Cuenta con que el código impreso salga más oscuro - la tinta se abre hacia las celdas claras que rodean cada módulo, sobre todo en papel kraft, prensa y sin estucar. Eso juega a favor de un código oscuro y en contra de uno claro, que pierde justo los módulos que lo sostienen.
- Trata el papel como el color del fondo - el kraft, el reciclado y los papeles tintados no son blancos, y al código le da igual lo que dijera el lienzo. Comprueba el color del patrón contra el soporte en el que vas a imprimir de verdad.
- Deja los metalizados fuera de los datos - las tintas y los foils dorados y cobrizos se ven excelentes y escanean de forma impredecible, porque el brillo especular que los hace parecer metal cae dentro de los módulos. Ponlos en el marco y deja el patrón en tinta mate.
Ejemplos del mundo real
Cuatro superficies, cuatro respuestas distintas a la misma pregunta: ¿a dónde va el color y qué conserva el patrón?
Carteles de discos y conciertos
El cartel lleva toda la paleta de neón y el código se sienta en una placa blanca dentro de ella, con el patrón recogiendo un tono del arte. El color se lee como parte del diseño y el contraste se queda donde lo necesita el escaneo.
Entradas de cine y de eventos
Un código rojo oscuro sobre un círculo blanco conserva su contraste en una entrada azul marino, donde ese mismo rojo impreso directamente sobre el azul no tendría casi ninguno. El círculo hace el trabajo que hace siempre un fondo claro.
Tarjetas de visita en un solo color de marca
Calar el código en blanco sobre una tarjeta saturada da un código invertido, y aquí es una decisión defendible: una tarjeta de visita la escanea un teléfono y nada más. El mismo montaje en una etiqueta de tienda sería una apuesta.
Tarjetas de mesa de cafetería
Un color de marca profundo en toda la tarjeta, con el código calado en blanco sobre él y los patrones de detección calados con él. Impreso con una sola tinta, los cantos se mantienen limpios a tamaño de tarjeta de mesa.
Cómo hacer un código QR de color
Cuatro pasos llevan un código negro corriente a uno en tu paleta, con el contraste comprobado antes de exportar nada.
Generar código QR- 1
Define el destino y luego el color del patrón
Añade el enlace, la carta o los datos de contacto que debe abrir el código, y pon el patrón en el color más oscuro de tu paleta. Todas las decisiones siguientes son más fáciles cuando los módulos ya están a salvo.
- 2
Colorea las esquinas, el marco y la etiqueta
Dales su propio color a los tres patrones de detección si quieres uno, y pon el color de acento en el marco, el texto del anillo y la llamada a la acción. Ahí es donde un color de marca intenso no cuesta nada.
- 3
Lee la cifra de contraste antes de exportar
KoloQR muestra una relación de contraste junto a la vista previa y aprueba a partir de 4:1, informando del peor de los dos valores: el patrón o los patrones de detección. Por debajo, oscurece el patrón en lugar de aclarar el fondo.
- 4
Exporta, imprime y escanea la pieza real
Descarga PNG para pantalla o SVG para impresión, y luego escanea el código a su tamaño final sobre el material final con dos teléfonos distintos. El color es la variable que un mockup siempre favorece.
Empieza con colores planos y una cifra de contraste
Probar un color lleva segundos y no necesita archivo de diseño. Pega el enlace, pon los colores del patrón, las esquinas, el fondo y el marco, y observa cómo se mueve la cifra de contraste junto a la vista previa: toma el peor valor entre el patrón y las esquinas y aprueba a partir de 4:1.
KoloQR, un generador de códigos QR gratis con códigos QR circulares y de formas personalizadas, rellena con colores planos en lugar de degradados y exporta el mismo código de color como PNG o SVG. Un fondo transparente se juzga contra el blanco, porque esa es la superficie en la que suele acabar un código transparente.
Generar código QRFormatos de exportación para códigos QR de color
El color es la única propiedad que se comporta de forma distinta en cada formato, así que la elección importa más aquí que en un código en blanco y negro.
PNG
Para pantallas, diapositivas y redes sociales. Los colores quedan fijados en los píxeles, lo que hace que un PNG sea definitivo: cambiar un color significa volver a exportar el código.
SVG
Para impresión y señalización. Los rellenos son valores editables dentro del archivo, así que una imprenta puede cambiar el color del patrón por una tinta directa sin regenerar el código.
Fondo transparente
Para colocar un código sobre una superficie de color. Solo sobre una clara: un código transparente hereda lo que tenga debajo, incluida una fotografía.
Questions? Answered
Sí, siempre que el patrón quede claramente más oscuro que el fondo. Un escáner compara brillo, no tono, así que el color en sí nunca es el problema: lo es la diferencia de brillo. Diseña con 7:1 o mejor para impresión y 4:1 para pantalla, y no publiques un código por debajo de 3:1.
El amarillo, el cian, el lima y los tonos pastel, tanto en el patrón como en los patrones de detección. Sobre blanco, el cian da unos 1,25:1 y el verde puro 1,4:1, lo bastante cerca del fondo para que una cámara no encuentre ningún canto. Ningún ajuste ni nivel de corrección de errores los rescata.
Casi negro o una versión muy oscura de tu color de marca. Entre los colores saturados, el azul profundo destaca con unos 8,6:1 sobre blanco, y detrás van los rojos oscuros y los ciruela. Cualquier color que sea oscuro, y no solo vivo, se comporta bien.
Sí, para códigos que leen teléfonos: las cámaras actuales de iPhone y Android manejan los códigos invertidos. Los escáneres fijos, a menudo no. Un código invertido también pierde más contraste impreso, porque la gran superficie oscura se abre sobre los módulos claros que llevan los datos.
Porque los verificadores de códigos de barras y muchos escáneres fijos leen bajo iluminación roja a 660 nanómetros, y la tinta roja refleja la luz roja. Un código rojo sobre papel blanco casi no tiene contraste a esa longitud de onda, aunque escanee perfectamente en cualquier teléfono. Lo que lea un equipo fijo debería ser negro sobre blanco.
Puede, siempre que cada parte del degradado quede lo bastante oscura contra el fondo: el riesgo es el extremo claro, no el degradado. KoloQR rellena con colores planos y no tiene opción de degradado, una limitación que conviene conocer antes de planear un diseño alrededor de una.
Sí. El patrón y los tres patrones de detección pueden llevar colores distintos, y el marco, sus líneas de acento y su etiqueta pueden llevar otro cada uno. Cada color que toca el código tiene que superar por su cuenta el listón de contraste contra el fondo.
No, y es un malentendido habitual. La corrección de errores recupera módulos que faltan, están tapados o dañados: alrededor del 7 % en el nivel L y hasta el 30 % en el nivel H. El contraste bajo no daña módulos; impide que el escáner los encuentre, y eso la redundancia no lo arregla.
No exactamente. Convertir de RGB a CMYK apaga los azules y verdes saturados, y la ganancia de punto oscurece y engorda los módulos. Ambas cosas suelen jugar a favor de un código oscuro, pero revisa una prueba impresa antes de una tirada y construye el código con una sola tinta cuando puedas.
Puede, pero entonces el papel es el color del fondo, y el kraft o el reciclado reflejan mucha menos luz que el blanco. Comprueba el color del patrón contra el soporte real, mantén el código casi negro y dale más tamaño de módulo del que le darías sobre blanco.
Sí. KoloQR es gratuito y te permite fijar los colores del patrón, las esquinas, el fondo y el marco, ver la relación de contraste de la pareja y exportar como PNG o SVG sin cuenta ni suscripción.
Sigue explorando
Páginas que continúan donde esta termina: el mismo contexto, el mismo tipo de código o la siguiente decisión que tomar.
Por qué un código QR no escanea, y cómo saber qué fallo tienes
Las tres formas en que falla un código QR - no se detecta, se lee mal, o se lee perfecto y el destino está roto - y cómo el síntoma te dice cuál tienes antes de medir nada.
Nueve cosas que comprobar antes de mandar un código QR a imprenta
Las nueve comprobaciones entre un archivo de código QR y una tirada que funciona, cada una con el número que hay que superar y la página que explica por qué.
Cincuenta pares de colores para códigos QR, y cuáles sobreviven a la impresión
Cincuenta pares de colores para códigos QR con la relación de contraste calculada para cada uno, agrupados según superen el umbral de impresión, el de pantalla o ninguno.
Tiendas físicas
Fichas de producto, stock y enlaces de reseña en etiquetas de estante, escaparates y carteles de caja.
Agencias de eventos
Códigos producidos para el evento de otra persona: redirecciones del cliente, especificaciones para expositores, tiradas de acreditaciones y señalética a la medida de la sala.
Códigos QR redondos
Módulos circulares y un marco redondo, para los posavasos, sellos y placas donde un código cuadrado nunca terminaba de encajar.
¿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
