{"id":43400,"date":"2025-08-02T03:09:59","date_gmt":"2025-08-02T03:09:59","guid":{"rendered":"https:\/\/staging.pageloot.com\/uncategorized\/qr-code-color-contrast-best-practices\/"},"modified":"2026-10-23T06:01:13","modified_gmt":"2026-10-23T06:01:13","slug":"qr-code-color-contrast-best-practices","status":"publish","type":"post","link":"https:\/\/pageloot.com\/es\/blog\/qr-code-color-contrast-best-practices\/","title":{"rendered":"Gu\u00eda de contraste de colores para c\u00f3digos QR fiables"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Los mejores colores para c\u00f3digos QR son m\u00f3dulos oscuros (los cuadrados) sobre un fondo claro, y s\u00ed, los c\u00f3digos QR pueden ser de color. La regla es simple: los m\u00f3dulos deben ser claramente m\u00e1s oscuros que el fondo. El negro sobre blanco ofrece una relaci\u00f3n de contraste de 21:1 y es la opci\u00f3n m\u00e1s segura. Para un c\u00f3digo de marca, apunte a al menos 4:1, y use 7:1 o m\u00e1s para se\u00f1alizaci\u00f3n exterior, donde la luz solar y la distancia disminuyen el contraste efectivo. Esta gu\u00eda proporciona los n\u00fameros, una tabla de colores y una rutina de prueba.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 colores de c\u00f3digos QR funcionan y pueden ser de color los c\u00f3digos QR?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un c\u00f3digo QR puede ser de casi cualquier color, y puede usar diferentes colores para los m\u00f3dulos y el fondo. La c\u00e1mara de un tel\u00e9fono no ve el tono. Convierte la imagen a escala de grises y decide, cuadrado por cuadrado, qu\u00e9 es oscuro y qu\u00e9 es claro. As\u00ed que la pregunta no es qu\u00e9 color elige, sino cu\u00e1n diferentes son los dos valores de escala de grises.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Funciona:<\/strong> m\u00f3dulos azul marino, verde oscuro, carb\u00f3n, morado oscuro, marr\u00f3n oscuro o negro sobre un fondo blanco, crema u otro fondo muy claro.<\/li>\n<li><strong>Funciona con una prueba:<\/strong> rojo oscuro, verde azulado oscuro y naranja oscuro sobre blanco. Verifique primero la proporci\u00f3n y escanee una prueba impresa.<\/li>\n<li><strong>No funciona:<\/strong> m\u00f3dulos amarillos, gris claro, pastel o ne\u00f3n, y cualquier par de colores con el mismo brillo, como verde medio sobre rojo medio.<\/li>\n<li><strong>Arriesgado:<\/strong> m\u00f3dulos claros sobre un fondo oscuro (c\u00f3digos invertidos). Muchas aplicaciones de esc\u00e1ner los leen, pero algunas no, as\u00ed que ev\u00edtelos en cualquier cosa que sea importante.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Por qu\u00e9 el contraste controla la escaneabilidad de los c\u00f3digos QR<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los sensores \u00f3pticos leen los c\u00f3digos QR midiendo la diferencia de reflectancia entre los m\u00f3dulos oscuros y claros. El est\u00e1ndar de c\u00f3digo QR, ISO\/IEC 18004, asume m\u00f3dulos oscuros sobre un fondo claro. Los m\u00f3dulos oscuros absorben la luz y el fondo claro la refleja. Si la diferencia es demasiado peque\u00f1a, el decodificador no puede separar el patr\u00f3n de datos del fondo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En las pruebas de c\u00f3digos de barras (ISO\/IEC 15415), el contraste del s\u00edmbolo es la diferencia entre la reflectancia m\u00e1s brillante y la m\u00e1s oscura del c\u00f3digo. Un contraste de s\u00edmbolo del 70% o m\u00e1s obtiene la m\u00e1xima calificaci\u00f3n, y por debajo del 20% falla. Los evaluadores tambi\u00e9n comprueban la modulaci\u00f3n, que muestra la uniformidad con la que los m\u00f3dulos claros y oscuros reflejan la luz en todo el s\u00edmbolo. Los colores desiguales o una separaci\u00f3n d\u00e9bil hacen que el esc\u00e1ner no detecte los bordes de los m\u00f3dulos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La polaridad normal, con m\u00f3dulos oscuros sobre un fondo claro, funciona en todos los dispositivos. Algunas aplicaciones de c\u00e1mara de tel\u00e9fono incorporadas no pueden leer c\u00f3digos claros sobre fondos oscuros, y la compatibilidad var\u00eda seg\u00fan el modelo de tel\u00e9fono y la versi\u00f3n del software. Utilice la polaridad normal a menos que haya probado la versi\u00f3n invertida en los dispositivos que utiliza su p\u00fablico.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Evaluaci\u00f3n de las relaciones y umbrales de contraste de color<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La relaci\u00f3n de contraste es un n\u00famero de 1:1 (sin diferencia) a 21:1 (negro sobre blanco). La relaci\u00f3n proviene de las reglas de accesibilidad de las Pautas de Accesibilidad al Contenido Web (WCAG), que fueron escritas para texto pero son una forma pr\u00e1ctica de verificar los colores de los c\u00f3digos QR. Un verificador de contraste (busque \"verificador de contraste WCAG\") acepta dos c\u00f3digos hexadecimales y devuelve la relaci\u00f3n. Para m\u00e1s informaci\u00f3n sobre dise\u00f1o inclusivo, lea nuestra gu\u00eda sobre <a href=\"https:\/\/pageloot.com\/es\/blog\/how-to-make-qr-codes-ada-compliant\/\">C\u00f3mo hacer c\u00f3digos QR accesibles conforme a ADA<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilice estos objetivos. Al menos 4:1 es el m\u00ednimo para impresiones y pantallas interiores. 7:1 o m\u00e1s es m\u00e1s seguro para embalajes, folletos y cualquier cosa fotografiada con luz variada. 10:1 o m\u00e1s es el objetivo para se\u00f1alizaci\u00f3n exterior. Las proporciones a continuaci\u00f3n son aproximadas y dependen del tono exacto.<\/p>\n\n\n\n<figure>\n<table>\n<thead>\n<tr>\n<th>Combinaci\u00f3n de Colores<\/th>\n<th>Relaci\u00f3n de Contraste Aproximada<\/th>\n<th>Evaluaci\u00f3n de Escaneabilidad<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Negro sobre Blanco<\/td>\n<td>21:1<\/td>\n<td>\u00d3ptimo (est\u00e1ndar de la industria)<\/td>\n<\/tr>\n<tr>\n<td>Azul Marino sobre Beige<\/td>\n<td>~15:1<\/td>\n<td>Excelente<\/td>\n<\/tr>\n<tr>\n<td>Azul Oscuro sobre Amarillo Claro<\/td>\n<td>~12:1<\/td>\n<td>Muy Bueno<\/td>\n<\/tr>\n<tr>\n<td>Marr\u00f3n Oscuro sobre Blanco Roto<\/td>\n<td>~8:1<\/td>\n<td>Bueno<\/td>\n<\/tr>\n<tr>\n<td>Rojo Puro (#FF0000) sobre Blanco<\/td>\n<td>~4:1<\/td>\n<td>En el l\u00edmite, pruebe antes de imprimir<\/td>\n<\/tr>\n<tr>\n<td>Rojo Oscuro (#8B0000) sobre Blanco<\/td>\n<td>~11:1<\/td>\n<td>Muy Bueno<\/td>\n<\/tr>\n<tr>\n<td>Gris claro sobre blanco<\/td>\n<td>~1.5:1<\/td>\n<td>Deficiente (fallos frecuentes de escaneo)<\/td>\n<\/tr>\n<tr>\n<td>Amarillo sobre blanco<\/td>\n<td>~1.1:1<\/td>\n<td>Ilegible<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n\n\n\n<figure><img decoding=\"async\" src=\"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/simple-infographic-in-square-format-on-white-background-with-black-text-blue-an-6224-c8dd242d8c58-aa97f1d94223.webp\" alt=\"Gu\u00eda de contraste de c\u00f3digo QR\" \/><\/figure>\n\n\n\n<blockquote class=\"is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Personalice c\u00f3digos sin sacrificar la escaneabilidad<\/strong> Pruebe colores y previsualice su dise\u00f1o en tiempo real utilizando nuestro <a href=\"https:\/\/pageloot.com\/es\/qr-code-generator-with-logo\/\">Generador de c\u00f3digo QR con logo<\/a> para equilibrar la est\u00e9tica de la marca con un escaneo fiable.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Mejor relaci\u00f3n de contraste de c\u00f3digo QR para se\u00f1alizaci\u00f3n exterior<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ning\u00fan est\u00e1ndar establece una proporci\u00f3n requerida para c\u00f3digos QR en exteriores, pero las condiciones al aire libre reducen el contraste de tres maneras: el sol directo desvanece las \u00e1reas claras, el resplandor oculta partes del c\u00f3digo y la distancia difumina los m\u00f3dulos peque\u00f1os. Planifique un margen de seguridad mayor que el que usar\u00eda en interiores.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Utilice negro o un color muy oscuro sobre blanco. Busque una proporci\u00f3n de 10:1 o superior.<\/li>\n<li>Imprima en material mate o a\u00f1ada un laminado mate. El vinilo brillante y el vidrio reflejan el sol y rompen el patr\u00f3n.<\/li>\n<li>Ajuste el tama\u00f1o del c\u00f3digo a la distancia de escaneo. Una regla com\u00fan es 1 unidad de ancho de c\u00f3digo por cada 10 unidades de distancia, por lo que un c\u00f3digo escaneado desde 2 metros (aproximadamente 6.5 pies) debe tener aproximadamente 20 cm (8 pulgadas) de ancho.<\/li>\n<li>Mantenga la zona silenciosa completa y coloque el c\u00f3digo en un panel de luz s\u00f3lido en lugar de una foto.<\/li>\n<li>Evite colocar el c\u00f3digo donde reciba sol bajo o est\u00e9 detr\u00e1s de un vidrio, y escanee la se\u00f1al impresa en el lugar real antes de encargar una tirada completa.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Contraste de c\u00f3digos de barras: c\u00f3digos QR vs. c\u00f3digos de barras lineales<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Las mismas reglas de contraste se aplican a otros c\u00f3digos de barras de alto contraste, como Code 128 o EAN. Los esc\u00e1neres minoristas suelen utilizar un l\u00e1ser rojo, y la luz roja no ve las barras rojas o la tinta roja como oscuras. Para c\u00f3digos de barras lineales, imprima las barras en negro, azul oscuro o verde oscuro sobre blanco, y nunca en rojo o naranja. Los c\u00f3digos QR le\u00eddos por la c\u00e1mara de un tel\u00e9fono son menos sensibles al tono, pero el mismo consejo proporciona el resultado m\u00e1s fiable para ambos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Protecci\u00f3n de la zona silenciosa y las dimensiones del c\u00f3digo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El alto contraste debe extenderse hasta el borde del c\u00f3digo. El margen en blanco alrededor del patr\u00f3n es la zona silenciosa. Le indica a la c\u00e1mara d\u00f3nde comienza el c\u00f3digo y d\u00f3nde termina otra obra de arte.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mantenga una zona silenciosa de al menos cuatro anchos de m\u00f3dulo en los cuatro lados.<\/li>\n<li>Mantenga este margen libre de texto, ilustraciones y bordes.<\/li>\n<li>Haga coincidir la zona silenciosa con el color de su fondo claro para que el l\u00edmite sea n\u00edtido.<\/li>\n<li>Imprima c\u00f3digos de al menos 2 x 2 cm (0.8 x 0.8 pulgadas) para escaneo cercano y manual. Aum\u00e9ntelos para enlaces m\u00e1s largos, porque m\u00e1s datos significan m\u00f3dulos m\u00e1s peque\u00f1os.<\/li>\n<li>Prefiera un enlace corto. Una URL corta crea un patr\u00f3n m\u00e1s simple con m\u00f3dulos m\u00e1s grandes que escanean mejor con poca luz.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">El texto o las ilustraciones dentro de la zona silenciosa son una causa frecuente de errores de escaneo en materiales de marca. Nuestra gu\u00eda para <a href=\"https:\/\/pageloot.com\/es\/blog\/best-practices-for-qr-code-readability\/\">las mejores pr\u00e1cticas para la legibilidad de los c\u00f3digos QR<\/a> muestra c\u00f3mo mantener los m\u00e1rgenes mientras se ajusta a su dise\u00f1o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Evitar Errores Comunes de Color y Estilo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Personalizar un c\u00f3digo puede perjudicar la legibilidad. Las c\u00e1maras convierten la imagen a escala de grises, por lo que dos tonos diferentes pueden terminar con el mismo brillo y fusionarse en un solo gris.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Evite los m\u00f3dulos en colores pastel como el azul beb\u00e9, la menta o el amarillo p\u00e1lido.<\/li>\n<li>Evite los m\u00f3dulos rojos o naranjas brillantes. Los esc\u00e1neres l\u00e1ser leen el rojo como luz, y la relaci\u00f3n de contraste a menudo es inferior a 5:1. Un rojo oscuro como el granate es mucho m\u00e1s seguro.<\/li>\n<li>Evite los degradados donde la parte m\u00e1s clara del color del m\u00f3dulo est\u00e9 cerca del fondo.<\/li>\n<li>Evite los fondos transparentes sobre fotos, papel texturizado o envases estampados. Coloque el c\u00f3digo en un panel de color claro y s\u00f3lido.<\/li>\n<li>Evite los dise\u00f1os invertidos con m\u00f3dulos claros sobre un fondo oscuro a menos que los haya probado en los tel\u00e9fonos que usa su p\u00fablico.<\/li>\n<li>Evite los logotipos grandes. Un logotipo que cubre demasiados m\u00f3dulos puede exceder la correcci\u00f3n de errores del c\u00f3digo.<\/li>\n<\/ul>\n\n\n\n<figure><img decoding=\"async\" src=\"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/simple-modern-illustration-square-format-white-background-with-blue-and-light-5434-1c9dea899260-7460e188a5de.webp\" alt=\"Reglas de dise\u00f1o de c\u00f3digo QR\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Conocer estos l\u00edmites le permite aprender <a href=\"https:\/\/pageloot.com\/es\/how-to\/custom-qr-code\/\">c\u00f3mo crear un c\u00f3digo QR personalizado<\/a> que muestra su marca sin afectar la decodificaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pruebas y Validaci\u00f3n en Entornos del Mundo Real<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un c\u00f3digo que se escanea desde un monitor brillante puede fallar en papel. La luz de la habitaci\u00f3n, el \u00e1ngulo de visi\u00f3n y la textura del material cambian el contraste que llega a la lente. La luz solar directa desvanece las peque\u00f1as diferencias de color, las habitaciones tenues reducen la capacidad del sensor&#8217;s para separar m\u00f3dulos y los acabados brillantes a\u00f1aden deslumbramiento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Realice esta verificaci\u00f3n antes de cada trabajo de impresi\u00f3n:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Verifique el par de colores en un verificador de contraste. La proporci\u00f3n debe ser de al menos 4:1, y 7:1 o m\u00e1s para empaques y uso en exteriores.<\/li>\n<li>Imprima una prueba en el material real, en el tama\u00f1o real, con el acabado real.<\/li>\n<li>Escan\u00e9elo con la c\u00e1mara incorporada de al menos un iPhone y un tel\u00e9fono Android, un tel\u00e9fono m\u00e1s antiguo si es posible, y uno basado en navegador <a href=\"https:\/\/pageloot.com\/es\/qr-code-scanner\/\">Lector QR online<\/a>.<\/li>\n<li>Escanee el c\u00f3digo bajo la peor luz que pueda enfrentar: habitaci\u00f3n tenue, sol directo y en \u00e1ngulo.<\/li>\n<li>Si el c\u00f3digo duda en escanearse, aumente el contraste, agrande el c\u00f3digo, acorte el enlace o restaure la zona de silencio.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Nuestra gu\u00eda sobre <a href=\"https:\/\/pageloot.com\/es\/how-to\/test-a-qr-code-before-printing\/\">C\u00f3mo probar un c\u00f3digo QR antes de imprimir<\/a> cubre esto con m\u00e1s detalle, y <a href=\"https:\/\/pageloot.com\/es\/blog\/how-to-improve-qr-code-readability\/\">c\u00f3mo mejorar la legibilidad de los c\u00f3digos QR<\/a> cubre soluciones para c\u00f3digos que fallan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Maximizando la Fiabilidad y el Compromiso del C\u00f3digo QR<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Trate el contraste como un requisito t\u00e9cnico, no como un toque final. Elija un color oscuro sobre un fondo claro, mantenga la zona de silencio y pruebe una prueba impresa bajo la luz a la que se enfrentar\u00e1. Esto protege su presupuesto de impresi\u00f3n de c\u00f3digos que no escanean.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cree su c\u00f3digo de alto contraste con nuestro <a href=\"https:\/\/pageloot.com\/es\/qr-code-generator\/\">generador de c\u00f3digos QR<\/a>. Establezca los colores del m\u00f3dulo y del fondo, y descargue un PNG, SVG o PDF. Si imprime un c\u00f3digo y es posible que necesite cambiar el enlace m\u00e1s tarde, use un c\u00f3digo din\u00e1mico: puede editar el destino despu\u00e9s de imprimir y ver las estad\u00edsticas de escaneo. Los c\u00f3digos din\u00e1micos vienen con una prueba gratuita de 14 d\u00edas, y los planes se enumeran en <a href=\"https:\/\/pageloot.com\/es\/pricing\/\">https:\/\/pageloot.com\/pricing\/<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes<\/h2>\n\n\n\n<div class=\"schema-faq\"><div class=\"schema-faq-section\" id=\"faq-question-4d0961f21a19\"><strong class=\"schema-faq-question\">\u00bfCu\u00e1l es la relaci\u00f3n de contraste m\u00ednima recomendada para un c\u00f3digo QR?<\/strong> <p class=\"schema-faq-answer\">Busque al menos una relaci\u00f3n de 4:1 entre los m\u00f3dulos y el fondo. Utilice 7:1 o m\u00e1s para empaques y folletos, y 10:1 o m\u00e1s para se\u00f1alizaci\u00f3n exterior. Negro sobre blanco es 21:1.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-000000000001\"><strong class=\"schema-faq-question\">\u00bfSe pueden colorear los c\u00f3digos QR?<\/strong> <p class=\"schema-faq-answer\">S\u00ed. Cualquier color funciona si los m\u00f3dulos son claramente m\u00e1s oscuros que el fondo. El azul marino oscuro, el verde bosque, el gris carb\u00f3n y el granate sobre blanco o crema funcionan bien. El amarillo, el gris claro y los colores pastel no.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-000000000002\"><strong class=\"schema-faq-question\">\u00bfPuede un c\u00f3digo QR tener cualquier color o colores diferentes?<\/strong> <p class=\"schema-faq-answer\">Los m\u00f3dulos y el fondo pueden ser de diferentes colores, y puedes usar cualquier tono, pero solo importa la diferencia de brillo. Un tel\u00e9fono lee el c\u00f3digo en escala de grises, por lo que dos colores de igual brillo fallar\u00e1n. Verifica la relaci\u00f3n y escanea una prueba impresa.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-000000000003\"><strong class=\"schema-faq-question\">\u00bfCu\u00e1l es la mejor relaci\u00f3n de contraste de c\u00f3digo QR para se\u00f1alizaci\u00f3n exterior?<\/strong> <p class=\"schema-faq-answer\">No existe un est\u00e1ndar oficial. Una relaci\u00f3n de 10:1 o superior es un objetivo seguro, como negro sobre blanco. Utilice un acabado mate para reducir el deslumbramiento, dimensione el c\u00f3digo a aproximadamente 1\/10 de la distancia de escaneo y pru\u00e9belo en el sitio.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-eb66cabefb1b\"><strong class=\"schema-faq-question\">\u00bfPuedo usar los colores de mi marca en lugar de blanco y negro?<\/strong> <p class=\"schema-faq-answer\">S\u00ed, si el color de tu marca es lo suficientemente oscuro, como azul marino intenso, verde bosque o carb\u00f3n, y se asienta sobre un fondo claro uniforme. Si el color de tu marca es claro, usa un tono oscuro del mismo para los m\u00f3dulos.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-b3f945e26f6b\"><strong class=\"schema-faq-question\">\u00bfPor qu\u00e9 las c\u00e1maras de los tel\u00e9fonos tienen dificultades con los c\u00f3digos QR invertidos?<\/strong> <p class=\"schema-faq-answer\">El est\u00e1ndar QR define m\u00f3dulos oscuros sobre un fondo claro. Muchas aplicaciones de c\u00e1mara buscan primero ese patr\u00f3n, y algunas no pueden leer m\u00f3dulos claros sobre un fondo oscuro. La compatibilidad var\u00eda seg\u00fan el tel\u00e9fono, as\u00ed que prueba antes de imprimir.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-000000000006\"><strong class=\"schema-faq-question\">\u00bfFunciona el contraste del c\u00f3digo de barras de la misma manera?<\/strong> <p class=\"schema-faq-answer\">S\u00ed. Los c\u00f3digos de barras lineales como Code 128 o EAN tambi\u00e9n necesitan barras oscuras sobre un fondo claro. Los esc\u00e1neres l\u00e1ser de venta minorista utilizan luz roja, as\u00ed que nunca imprima las barras en rojo o naranja.<\/p> <\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Conoce las pautas de contraste de color para c\u00f3digos QR, las proporciones recomendadas y los m\u00e9todos de prueba para que escaneen bien en cualquier m\u00f3vil.<\/p>","protected":false},"author":17,"featured_media":56404,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2635],"tags":[],"class_list":["post-43400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.7 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>QR Code Colors: Best Contrast Ratios and Combos<\/title>\n<meta name=\"description\" content=\"Which QR code colors scan? Learn the contrast ratios, safe color combinations and a test routine so a branded code works on print and screens.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pageloot.com\/es\/blog\/qr-code-color-contrast-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"QR Code Colors: Best Contrast Ratios and Combos\" \/>\n<meta property=\"og:description\" content=\"Which QR code colors scan? Learn the contrast ratios, safe color combinations and a test routine so a branded code works on print and screens.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pageloot.com\/es\/blog\/qr-code-color-contrast-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"Pageloot\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pageloot\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-02T03:09:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-23T06:01:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Siim T\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"QR Code Color Contrast Guidelines for Reliable Scanning\" \/>\n<meta name=\"twitter:creator\" content=\"@getpageloot\" \/>\n<meta name=\"twitter:site\" content=\"@getpageloot\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Siim T\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\"},\"author\":{\"name\":\"Siim T\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#\\\/schema\\\/person\\\/fa28992c2e52546f0812833bac852dfe\"},\"headline\":\"QR Code Color Contrast Guidelines for Reliable Scanning\",\"datePublished\":\"2025-08-02T03:09:59+00:00\",\"dateModified\":\"2026-10-23T06:01:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\"},\"wordCount\":1839,\"publisher\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/shopper-scanning-qr-a33254-8a30ee62d089.webp\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"es\"},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\",\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\",\"name\":\"QR Code Colors: Best Contrast Ratios and Combos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/shopper-scanning-qr-a33254-8a30ee62d089.webp\",\"datePublished\":\"2025-08-02T03:09:59+00:00\",\"dateModified\":\"2026-10-23T06:01:13+00:00\",\"description\":\"Which QR code colors scan? Learn the contrast ratios, safe color combinations and a test routine so a branded code works on print and screens.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-4d0961f21a19\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000001\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000002\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000003\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-eb66cabefb1b\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-b3f945e26f6b\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000006\"}],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#primaryimage\",\"url\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/shopper-scanning-qr-a33254-8a30ee62d089.webp\",\"contentUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/shopper-scanning-qr-a33254-8a30ee62d089.webp\",\"width\":1024,\"height\":1024,\"caption\":\"Scanning a high-contrast QR code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pageloot.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/pageloot.com\\\/c\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QR Code Color Contrast Guidelines for Reliable Scanning\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/pageloot.com\\\/es\\\/\",\"name\":\"Pageloot\",\"description\":\"Create Free QR Codes Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pageloot.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#organization\",\"name\":\"Pageloot\",\"url\":\"https:\\\/\\\/pageloot.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/Pageloot-QR-Code-Generator-Scanner-Tools-Online.svg\",\"contentUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/Pageloot-QR-Code-Generator-Scanner-Tools-Online.svg\",\"width\":1,\"height\":1,\"caption\":\"Pageloot\"},\"image\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/pageloot\\\/\",\"https:\\\/\\\/x.com\\\/getpageloot\",\"https:\\\/\\\/www.instagram.com\\\/getpageloot\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pageloot\\\/\",\"http:\\\/\\\/pinterest.com\\\/pageloot\",\"https:\\\/\\\/www.youtube.com\\\/pageloot\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#\\\/schema\\\/person\\\/fa28992c2e52546f0812833bac852dfe\",\"name\":\"Siim T\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/litespeed\\\/avatar\\\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973\",\"url\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/litespeed\\\/avatar\\\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973\",\"contentUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/litespeed\\\/avatar\\\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973\",\"caption\":\"Siim T\"},\"description\":\"Siim Tiigim\u00e4gi is a part of the innovative QR code generator services at Pageloot. With a profound expertise spanning over 5 years solely on QR codes, Siim has become a subject matter expert in the field. He makes significant strides in leveraging QR technology to simplify and augment digital interactions. His journey didn\u2019t just start here. Siim has an extensive digital background with over 10 years of robust experience in the Software as a Service (SaaS) sector, a testament to his deep-seated knowledge in digital solutions.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/siim-tiigimagi\\\/\"]},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-4d0961f21a19\",\"position\":1,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-4d0961f21a19\",\"name\":\"What is the minimum recommended contrast ratio for a QR code?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Aim for at least 4:1 between the modules and the background. Use 7:1 or more for packaging and flyers, and 10:1 or more for outdoor signage. Black on white is 21:1.\",\"inLanguage\":\"es\"},\"inLanguage\":\"es\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000001\",\"position\":2,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000001\",\"name\":\"Can QR codes be colored?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Any color works if the modules are clearly darker than the background. Deep navy, forest green, charcoal and maroon on white or cream work well. Yellow, light gray and pastels do not.\",\"inLanguage\":\"es\"},\"inLanguage\":\"es\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000002\",\"position\":3,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000002\",\"name\":\"Can a QR code be any color or have different colors?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The modules and the background can be different colors, and you can use any hue, but only the brightness difference matters. A phone reads the code in grayscale, so two colors of equal brightness will fail. Check the ratio and scan a printed proof.\",\"inLanguage\":\"es\"},\"inLanguage\":\"es\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000003\",\"position\":4,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000003\",\"name\":\"What is the best QR code contrast ratio for outdoor signage?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"There is no official standard. A ratio of 10:1 or higher is a safe target, such as black on white. Use a matte finish to cut glare, size the code at about 1\\\/10 of the scan distance, and test it on site.\",\"inLanguage\":\"es\"},\"inLanguage\":\"es\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-eb66cabefb1b\",\"position\":5,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-eb66cabefb1b\",\"name\":\"Can I use branded colors instead of black and white?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, if your brand color is dark enough, such as deep navy, forest green or charcoal, and sits on a uniform light background. If your brand color is light, use a dark shade of it for the modules.\",\"inLanguage\":\"es\"},\"inLanguage\":\"es\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-b3f945e26f6b\",\"position\":6,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-b3f945e26f6b\",\"name\":\"Why do phone cameras struggle with inverted QR codes?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The QR standard defines dark modules on a light background. Many camera apps look for that pattern first, and some cannot read light modules on a dark background. Support varies by phone, so test before you print.\",\"inLanguage\":\"es\"},\"inLanguage\":\"es\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000006\",\"position\":7,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000006\",\"name\":\"Does barcode contrast work the same way?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Linear barcodes such as Code 128 or EAN also need dark bars on a light background. Retail laser scanners use red light, so never print the bars in red or orange.\",\"inLanguage\":\"es\"},\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Colores para c\u00f3digos QR: contraste y combinaciones","description":"\u00bfQu\u00e9 colores de c\u00f3digo QR se escanean? Conoce contrastes, combinaciones seguras y una rutina de prueba para que tu QR de marca funcione en papel y web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pageloot.com\/es\/blog\/qr-code-color-contrast-best-practices\/","og_locale":"es_ES","og_type":"article","og_title":"QR Code Colors: Best Contrast Ratios and Combos","og_description":"Which QR code colors scan? Learn the contrast ratios, safe color combinations and a test routine so a branded code works on print and screens.","og_url":"https:\/\/pageloot.com\/es\/blog\/qr-code-color-contrast-best-practices\/","og_site_name":"Pageloot","article_publisher":"https:\/\/www.facebook.com\/pageloot\/","article_published_time":"2025-08-02T03:09:59+00:00","article_modified_time":"2026-10-23T06:01:13+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","type":"image\/webp"}],"author":"Siim T","twitter_card":"summary_large_image","twitter_title":"QR Code Color Contrast Guidelines for Reliable Scanning","twitter_creator":"@getpageloot","twitter_site":"@getpageloot","twitter_misc":{"Escrito por":"Siim T","Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#article","isPartOf":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/"},"author":{"name":"Siim T","@id":"https:\/\/pageloot.com\/es\/#\/schema\/person\/fa28992c2e52546f0812833bac852dfe"},"headline":"QR Code Color Contrast Guidelines for Reliable Scanning","datePublished":"2025-08-02T03:09:59+00:00","dateModified":"2026-10-23T06:01:13+00:00","mainEntityOfPage":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/"},"wordCount":1839,"publisher":{"@id":"https:\/\/pageloot.com\/es\/#organization"},"image":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","articleSection":["Blog"],"inLanguage":"es"},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/","url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/","name":"Colores para c\u00f3digos QR: contraste y combinaciones","isPartOf":{"@id":"https:\/\/pageloot.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#primaryimage"},"image":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","datePublished":"2025-08-02T03:09:59+00:00","dateModified":"2026-10-23T06:01:13+00:00","description":"\u00bfQu\u00e9 colores de c\u00f3digo QR se escanean? Conoce contrastes, combinaciones seguras y una rutina de prueba para que tu QR de marca funcione en papel y web.","breadcrumb":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-4d0961f21a19"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000001"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000002"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000003"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-eb66cabefb1b"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-b3f945e26f6b"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000006"}],"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#primaryimage","url":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","contentUrl":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","width":1024,"height":1024,"caption":"Scanning a high-contrast QR code"},{"@type":"BreadcrumbList","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pageloot.com\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/pageloot.com\/c\/blog\/"},{"@type":"ListItem","position":3,"name":"QR Code Color Contrast Guidelines for Reliable Scanning"}]},{"@type":"WebSite","@id":"https:\/\/pageloot.com\/es\/#website","url":"https:\/\/pageloot.com\/es\/","name":"Pageloot","description":"Crear c\u00f3digos QR gratuitos en l\u00ednea","publisher":{"@id":"https:\/\/pageloot.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pageloot.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/pageloot.com\/es\/#organization","name":"Pageloot","url":"https:\/\/pageloot.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/pageloot.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/pageloot.com\/wp-content\/uploads\/2020\/03\/Pageloot-QR-Code-Generator-Scanner-Tools-Online.svg","contentUrl":"https:\/\/pageloot.com\/wp-content\/uploads\/2020\/03\/Pageloot-QR-Code-Generator-Scanner-Tools-Online.svg","width":1,"height":1,"caption":"Pageloot"},"image":{"@id":"https:\/\/pageloot.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pageloot\/","https:\/\/x.com\/getpageloot","https:\/\/www.instagram.com\/getpageloot\/","https:\/\/www.linkedin.com\/company\/pageloot\/","http:\/\/pinterest.com\/pageloot","https:\/\/www.youtube.com\/pageloot"]},{"@type":"Person","@id":"https:\/\/pageloot.com\/es\/#\/schema\/person\/fa28992c2e52546f0812833bac852dfe","name":"Siim T","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/pageloot.com\/wp-content\/litespeed\/avatar\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973","url":"https:\/\/pageloot.com\/wp-content\/litespeed\/avatar\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973","contentUrl":"https:\/\/pageloot.com\/wp-content\/litespeed\/avatar\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973","caption":"Siim T"},"description":"Siim Tiigim\u00e4gi forma parte de los innovadores servicios de generador de c\u00f3digos QR de Pageloot. Con una profunda experiencia de m\u00e1s de 5 a\u00f1os exclusivamente en c\u00f3digos QR, Siim se ha convertido en un experto en la materia. Realiza importantes avances en el aprovechamiento de la tecnolog\u00eda QR para simplificar y aumentar las interacciones digitales. Su viaje no acaba aqu\u00ed. Siim tiene una amplia formaci\u00f3n digital con m\u00e1s de 10 a\u00f1os de s\u00f3lida experiencia en el sector del Software como Servicio (SaaS), testimonio de sus profundos conocimientos en soluciones digitales.","sameAs":["https:\/\/www.linkedin.com\/in\/siim-tiigimagi\/"]},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-4d0961f21a19","position":1,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-4d0961f21a19","name":"\u00bfCu\u00e1l es la relaci\u00f3n de contraste m\u00ednima recomendada para un c\u00f3digo QR?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Aim for at least 4:1 between the modules and the background. Use 7:1 or more for packaging and flyers, and 10:1 or more for outdoor signage. Black on white is 21:1.","inLanguage":"es"},"inLanguage":"es"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000001","position":2,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000001","name":"\u00bfSe pueden colorear los c\u00f3digos QR?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes. Any color works if the modules are clearly darker than the background. Deep navy, forest green, charcoal and maroon on white or cream work well. Yellow, light gray and pastels do not.","inLanguage":"es"},"inLanguage":"es"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000002","position":3,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000002","name":"\u00bfPuede un c\u00f3digo QR tener cualquier color o colores diferentes?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The modules and the background can be different colors, and you can use any hue, but only the brightness difference matters. A phone reads the code in grayscale, so two colors of equal brightness will fail. Check the ratio and scan a printed proof.","inLanguage":"es"},"inLanguage":"es"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000003","position":4,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000003","name":"\u00bfCu\u00e1l es la mejor relaci\u00f3n de contraste de c\u00f3digo QR para se\u00f1alizaci\u00f3n exterior?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"There is no official standard. A ratio of 10:1 or higher is a safe target, such as black on white. Use a matte finish to cut glare, size the code at about 1\/10 of the scan distance, and test it on site.","inLanguage":"es"},"inLanguage":"es"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-eb66cabefb1b","position":5,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-eb66cabefb1b","name":"\u00bfPuedo usar los colores de mi marca en lugar de blanco y negro?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes, if your brand color is dark enough, such as deep navy, forest green or charcoal, and sits on a uniform light background. If your brand color is light, use a dark shade of it for the modules.","inLanguage":"es"},"inLanguage":"es"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-b3f945e26f6b","position":6,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-b3f945e26f6b","name":"\u00bfPor qu\u00e9 las c\u00e1maras de los tel\u00e9fonos tienen dificultades con los c\u00f3digos QR invertidos?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The QR standard defines dark modules on a light background. Many camera apps look for that pattern first, and some cannot read light modules on a dark background. Support varies by phone, so test before you print.","inLanguage":"es"},"inLanguage":"es"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000006","position":7,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000006","name":"\u00bfFunciona el contraste del c\u00f3digo de barras de la misma manera?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes. Linear barcodes such as Code 128 or EAN also need dark bars on a light background. Retail laser scanners use red light, so never print the bars in red or orange.","inLanguage":"es"},"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/posts\/43400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/comments?post=43400"}],"version-history":[{"count":10,"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/posts\/43400\/revisions"}],"predecessor-version":[{"id":56958,"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/posts\/43400\/revisions\/56958"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/media\/56404"}],"wp:attachment":[{"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/media?parent=43400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/categories?post=43400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pageloot.com\/es\/wp-json\/wp\/v2\/tags?post=43400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}