Generador de Códigos de Barras — Code 128, EAN-13 y UPC Gratis Online

Etiquetas, entradas, inventario, libros de biblioteca, pulseras de eventos: tarde o temprano todo el mundo necesita un código de barras, y no hace falta pagar un programa para crear uno. Este generador gratuito dibuja códigos reales y escaneables directamente en tu navegador con la librería de código abierto JsBarcode. Elige entre cuatro formatos —Code 128, EAN-13, UPC-A y Code 39—, escribe tu contenido, ajusta el tamaño y descarga un PNG nítido o un SVG que se puede ampliar sin perder calidad. En los códigos de tienda, la herramienta calcula incluso el dígito de control: escribe los 12 primeros dígitos de un EAN-13 y ella añade el 13.º.

Cómo funciona el generador de códigos de barras

El generador ejecuta la librería JsBarcode (versión 3.12.1) en tu propio navegador. Al pulsar el botón, primero comprueba que tu contenido cumple las reglas del formato elegido: EAN-13 y UPC-A solo aceptan dígitos con la longitud correcta, el Code 39 tiene un juego de caracteres reducido y el Code 128 admite casi cualquier texto de teclado. En los dos formatos de tienda también hace el cálculo del dígito de control: una suma ponderada de los dígitos que produce el dígito final con el que los escáneres confirman que la lectura fue correcta. Si escribes 12 dígitos para un EAN-13, la herramienta añade el 13.º correcto y te avisa. Si escribes los 13 y el último está mal, se niega y te explica por qué, lo que te ahorra imprimir un código roto. Las barras se dibujan como gráfico SVG, así que la descarga en PNG parte de un original vectorial y se mantiene nítida en cualquier tamaño.

Cómo se usa

Escribe el texto o número que quieres codificar, elige un formato (las notas de abajo te ayudan), ajusta el grosor de las barras y la altura, y decide si quieres que el texto legible aparezca bajo el código. Pulsa Generar código de barras, revisa la vista previa y descarga el PNG para documentos y etiquetas o el SVG para imprenta y diseño. Antes de imprimir una tanda grande, imprime una copia de prueba y escanéala con cualquier aplicación de móvil: el papel, la tinta y el tamaño de impresión influyen en la lectura real.

¿Qué formato te conviene?

El Code 128 es la opción segura para tus propias etiquetas: codifica cualquier texto de forma compacta y lo lee cualquier escáner moderno. El EAN-13 es el estándar de las tiendas fuera de Norteamérica; úsalo cuando un sistema de tienda te pida un código de producto, y recuerda que los códigos para productos en venta suelen venir de GS1: esta herramienta crea el gráfico y el dígito de control correcto, pero no registra un número de producto por ti. El UPC-A es el equivalente norteamericano del EAN-13, con 12 dígitos. El Code 39 es el formato más antiguo y simple: solo admite mayúsculas, dígitos y algunos símbolos, pero lo lee absolutamente todo, y por eso almacenes y bibliotecas lo siguen usando.

Generador de códigos de barras – preguntas frecuentes

¿El generador es gratuito?

Sí, por completo: sin registro, sin marcas de agua y sin límite de códigos ni de descargas.

¿Los códigos se podrán escanear de verdad?

Sí. Se dibujan según las especificaciones reales de cada formato, incluidos los dígitos de control de EAN-13 y UPC-A. Antes de una tanda grande, imprime y escanea una copia de prueba, porque cada impresora y cada papel se comportan distinto.

¿Puedo vender productos con un EAN-13 creado aquí?

El gráfico y el dígito de control serán correctos, pero los números de producto para tiendas deben registrarse en GS1 en tu país para que los comercios los acepten. Para etiquetas internas, inventario, eventos y pruebas puedes usar los códigos directamente.

¿Descargo PNG o SVG?

PNG para documentos, hojas de cálculo, etiquetas y webs. SVG para imprenta o diseñadores, porque se amplía a cualquier tamaño sin perder nitidez.

Herramientas relacionadas

Barcode Generator — English version · Información Nutricional por Código de Barras · Generador de UUID.

Inserta esta herramienta en tu web — gratis

Copia el código de abajo para añadir esta herramienta funcional a tu propia página. Solo pedimos que mantengas el pequeño enlace de crédito que la acompaña.

<iframe srcdoc="&lt;!DOCTYPE html&gt; &lt;html lang=&quot;es&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt; &lt;title&gt;Generador de Códigos de Barras&lt;/title&gt; &lt;style&gt; body{font-family:Arial,sans-serif;background-color:#f4f4f9;padding:16px;margin:0} .container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:680px;margin:0 auto} h2{margin:0 0 6px;color:#0f3d3e;font-size:22px} p.sub{margin:0 0 14px;color:#555;font-size:14px} label{font-weight:600;font-size:14px;display:block;margin:10px 0 4px} input[type=text],input[type=number],select{width:100%;box-sizing:border-box;padding:11px;font-size:16px;border:1px solid #cbd5e1;border-radius:6px;background:#fff} .row{display:flex;gap:10px;flex-wrap:wrap} .row&gt;*{flex:1;min-width:140px} button{background:#0f766e;color:#fff;border:0;padding:11px 22px;font-size:16px;border-radius:6px;cursor:pointer;margin-top:12px} button:hover{background:#115e59} button:disabled{background:#94a3b8;cursor:wait} #status{font-size:13px;color:#666;margin-top:10px;min-height:16px} .err{color:#b91c1c} .card{border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;margin-top:12px;background:#f8fafc} .big{font-size:26px;font-weight:700;color:#0f3d3e} table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px} th,td{text-align:left;padding:7px 8px;border-bottom:1px solid #e2e8f0} th{color:#0f3d3e} .bar{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden} .bar&gt;i{display:block;height:100%;background:#0f766e} img.cover{max-width:120px;border-radius:6px} &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&quot;container&quot;&gt; &lt;script src=&quot;https://cdn.jsdelivr.net/npm/jsbarcode@3.12.1/dist/JsBarcode.all.min.js&quot;&gt;&lt;/script&gt; &lt;h2&gt;Generador de Códigos de Barras&lt;/h2&gt; &lt;p class=&quot;sub&quot;&gt;Escribe tu texto o número, elige un formato y descarga un código de barras escaneable en PNG o SVG. Todo se dibuja en tu navegador: no se sube nada.&lt;/p&gt; &lt;label for=&quot;bcText&quot;&gt;Contenido del código&lt;/label&gt; &lt;input type=&quot;text&quot; id=&quot;bcText&quot; value=&quot;ILMHUNT-2026&quot; maxlength=&quot;80&quot;&gt; &lt;label for=&quot;bcFormat&quot;&gt;Formato&lt;/label&gt; &lt;select id=&quot;bcFormat&quot;&gt; &lt;option value=&quot;CODE128&quot; selected&gt;Code 128 — cualquier texto, el más flexible&lt;/option&gt; &lt;option value=&quot;EAN13&quot;&gt;EAN-13 — productos de tienda (12 o 13 dígitos)&lt;/option&gt; &lt;option value=&quot;UPC&quot;&gt;UPC-A — tiendas en Norteamérica (11 o 12 dígitos)&lt;/option&gt; &lt;option value=&quot;CODE39&quot;&gt;Code 39 — números y letras mayúsculas&lt;/option&gt; &lt;/select&gt; &lt;div class=&quot;row&quot;&gt; &lt;div&gt;&lt;label for=&quot;bcWidth&quot;&gt;Grosor de barras&lt;/label&gt;&lt;select id=&quot;bcWidth&quot;&gt;&lt;option value=&quot;1&quot;&gt;Fino&lt;/option&gt;&lt;option value=&quot;2&quot; selected&gt;Normal&lt;/option&gt;&lt;option value=&quot;3&quot;&gt;Ancho&lt;/option&gt;&lt;option value=&quot;4&quot;&gt;Muy ancho&lt;/option&gt;&lt;/select&gt;&lt;/div&gt; &lt;div&gt;&lt;label for=&quot;bcHeight&quot;&gt;Altura (px)&lt;/label&gt;&lt;input type=&quot;number&quot; id=&quot;bcHeight&quot; value=&quot;100&quot; min=&quot;40&quot; max=&quot;200&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;label style=&quot;font-weight:400&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;bcShowText&quot; checked style=&quot;width:auto&quot;&gt; Mostrar el texto bajo el código&lt;/label&gt; &lt;button id=&quot;bcBtn&quot; type=&quot;button&quot;&gt;Generar código de barras&lt;/button&gt; &lt;div id=&quot;status&quot;&gt;&lt;/div&gt; &lt;div class=&quot;card&quot; id=&quot;bcCard&quot; style=&quot;text-align:center;display:none&quot;&gt; &lt;svg id=&quot;bcSvg&quot; style=&quot;max-width:100%&quot;&gt;&lt;/svg&gt; &lt;p style=&quot;margin:10px 0 0&quot;&gt;&lt;button id=&quot;bcPng&quot; type=&quot;button&quot;&gt;Descargar PNG&lt;/button&gt; &lt;button id=&quot;bcSvgBtn&quot; type=&quot;button&quot; style=&quot;background:#334155&quot;&gt;Descargar SVG&lt;/button&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;script&gt; function sendH(){ try { parent.postMessage({wpcId: 6467, wpcH: document.body.scrollHeight + 16}, &#x27;*&#x27;); } catch (e) {} } window.addEventListener(&#x27;load&#x27;, sendH); window.addEventListener(&#x27;resize&#x27;, sendH); // ==CORE== function ean13CheckDigit(first12){var s=0;for(var i=0;i&lt;12;i++){var d=first12.charCodeAt(i)-48;s+=(i%2===0)?d:d*3;}return String((10-(s%10))%10);} function upcaCheckDigit(first11){var s=0;for(var i=0;i&lt;11;i++){var d=first11.charCodeAt(i)-48;s+=(i%2===0)?d*3:d;}return String((10-(s%10))%10);} function validateBarcode(format,value){ var v=String(value==null?&#x27;&#x27;:value).trim(); if(!v) return {ok:false,error:&#x27;empty&#x27;}; if(format===&#x27;EAN13&#x27;){ if(!/^[0-9]+$/.test(v)) return {ok:false,error:&#x27;digits&#x27;}; if(v.length===12) return {ok:true,value:v+ean13CheckDigit(v),note:&#x27;checkdigit-added&#x27;}; if(v.length===13){ if(ean13CheckDigit(v.slice(0,12))!==v.charAt(12)) return {ok:false,error:&#x27;checksum&#x27;}; return {ok:true,value:v}; } return {ok:false,error:&#x27;length-ean&#x27;}; } if(format===&#x27;UPC&#x27;){ if(!/^[0-9]+$/.test(v)) return {ok:false,error:&#x27;digits&#x27;}; if(v.length===11) return {ok:true,value:v+upcaCheckDigit(v),note:&#x27;checkdigit-added&#x27;}; if(v.length===12){ if(upcaCheckDigit(v.slice(0,11))!==v.charAt(11)) return {ok:false,error:&#x27;checksum&#x27;}; return {ok:true,value:v}; } return {ok:false,error:&#x27;length-upc&#x27;}; } if(format===&#x27;CODE39&#x27;){ var up=v.toUpperCase(); if(!/^[0-9A-Z \.\$\/\+\%-]+$/.test(up)) return {ok:false,error:&#x27;charset39&#x27;}; return {ok:true,value:up}; } for(var i=0;i&lt;v.length;i++){ var c=v.charCodeAt(i); if(c&lt;32||c&gt;126) return {ok:false,error:&#x27;charset128&#x27;}; } return {ok:true,value:v}; } // ==/CORE== function esc(s){ return String(s == null ? &#x27;&#x27; : s).replace(/[&amp;&lt;&gt;&quot;&#x27;]/g, function(c){ return {&#x27;&amp;&#x27;:&#x27;&amp;amp;&#x27;,&#x27;&lt;&#x27;:&#x27;&amp;lt;&#x27;,&#x27;&gt;&#x27;:&#x27;&amp;gt;&#x27;,&#x27;&quot;&#x27;:&#x27;&amp;quot;&#x27;,&quot;&#x27;&quot;:&#x27;&amp;#39;&#x27;}[c]; }); } var ERRORS = { &#x27;empty&#x27;: &#x27;Escribe primero el texto o el número que quieres codificar.&#x27;, &#x27;digits&#x27;: &#x27;Este formato solo admite dígitos: quita letras y espacios.&#x27;, &#x27;length-ean&#x27;: &#x27;El EAN-13 necesita 12 dígitos (la herramienta añade el 13.º dígito de control) o los 13 dígitos completos.&#x27;, &#x27;length-upc&#x27;: &#x27;El UPC-A necesita 11 dígitos (la herramienta añade el 12.º dígito de control) o los 12 dígitos completos.&#x27;, &#x27;checksum&#x27;: &#x27;El último dígito no coincide con el dígito de control del resto del número: el número está mal escrito.&#x27;, &#x27;charset39&#x27;: &#x27;El Code 39 solo admite dígitos, letras mayúsculas y los caracteres - . $ / + % y el espacio.&#x27;, &#x27;charset128&#x27;: &#x27;Aquí el Code 128 admite solo caracteres normales del teclado.&#x27; }; var ADDED = &#x27;Dígito de control añadido automáticamente: el código completo es &#x27;; function st(msg, err){ var s=document.getElementById(&#x27;status&#x27;); s.innerHTML = err ? &#x27;&lt;span class=&quot;err&quot;&gt;&#x27;+esc(msg)+&#x27;&lt;/span&gt;&#x27; : esc(msg); } function generate(){ var format = document.getElementById(&#x27;bcFormat&#x27;).value; var chk = validateBarcode(format, document.getElementById(&#x27;bcText&#x27;).value); if(!chk.ok){ st(ERRORS[chk.error] || &#x27;Ese contenido no funciona con este formato.&#x27;, true); sendH(); return; } if(typeof JsBarcode === &#x27;undefined&#x27;){ st(&#x27;La librería de códigos sigue cargando (o la CDN está bloqueada). Espera un segundo e inténtalo otra vez.&#x27;, true); sendH(); return; } try { JsBarcode(&#x27;#bcSvg&#x27;, chk.value, { format: format, width: parseInt(document.getElementById(&#x27;bcWidth&#x27;).value, 10) || 2, height: Math.max(40, Math.min(200, parseInt(document.getElementById(&#x27;bcHeight&#x27;).value, 10) || 100)), displayValue: document.getElementById(&#x27;bcShowText&#x27;).checked, fontSize: 16, margin: 12 }); } catch(e){ st(&#x27;No se ha podido dibujar el código con ese contenido. Revisa las reglas del formato e inténtalo otra vez.&#x27;, true); sendH(); return; } document.getElementById(&#x27;bcCard&#x27;).style.display = &#x27;block&#x27;; st(chk.note === &#x27;checkdigit-added&#x27; ? ADDED + chk.value + &#x27;.&#x27; : &#x27;Código listo: descárgalo aquí abajo.&#x27;); sendH(); } function svgString(){ var svg = document.getElementById(&#x27;bcSvg&#x27;); var clone = svg.cloneNode(true); clone.setAttribute(&#x27;xmlns&#x27;, &#x27;http://www.w3.org/2000/svg&#x27;); return new XMLSerializer().serializeToString(clone); } function download(name, blob){ var a = document.createElement(&#x27;a&#x27;); a.href = URL.createObjectURL(blob); a.download = name; document.body.appendChild(a); a.click(); setTimeout(function(){ URL.revokeObjectURL(a.href); a.remove(); }, 400); } function downloadSvg(){ download(&#x27;codigo-de-barras.svg&#x27;, new Blob([svgString()], {type: &#x27;image/svg+xml&#x27;})); } function downloadPng(){ var img = new Image(); var url = URL.createObjectURL(new Blob([svgString()], {type: &#x27;image/svg+xml&#x27;})); img.onload = function(){ var scale = 3; var c = document.createElement(&#x27;canvas&#x27;); c.width = img.width * scale; c.height = img.height * scale; var ctx = c.getContext(&#x27;2d&#x27;); ctx.fillStyle = &#x27;#ffffff&#x27;; ctx.fillRect(0, 0, c.width, c.height); ctx.drawImage(img, 0, 0, c.width, c.height); URL.revokeObjectURL(url); if(c.toBlob){ c.toBlob(function(b){ if(b) download(&#x27;codigo-de-barras.png&#x27;, b); }, &#x27;image/png&#x27;); } }; img.src = url; } document.getElementById(&#x27;bcBtn&#x27;).addEventListener(&#x27;click&#x27;, generate); document.getElementById(&#x27;bcPng&#x27;).addEventListener(&#x27;click&#x27;, downloadPng); document.getElementById(&#x27;bcSvgBtn&#x27;).addEventListener(&#x27;click&#x27;, downloadSvg); document.getElementById(&#x27;bcText&#x27;).addEventListener(&#x27;keydown&#x27;, function(e){ if(e.key === &#x27;Enter&#x27;){ e.preventDefault(); generate(); } }); window.addEventListener(&#x27;load&#x27;, function(){ setTimeout(generate, 350); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; " id="wpc-frame-6467" class="wpc-embed-frame" style="width:100%;border:0;display:block;overflow:hidden;" scrolling="no"></iframe> <p><a href="https://ilmhunt.com/generador-de-codigos-de-barras/" target="_blank" rel="noopener">Generador de Códigos de Barras — Code 128, EAN-13 y UPC Gratis Online</a> by <a href="https://ilmhunt.com/" target="_blank" rel="noopener">IlmHunt</a> — herramientas gratis en línea</p>