Yarn Count Utility

Yarn Count Calculator & Converter :root { --primary: #4f46e5; --primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); --text-main: #0f172a; --text-muted: #64748b; --border-color: #e2e8f0; --accent-direct: #fffbe6; --border-direct: #ffe58f; --badge-direct: #d48806; --accent-indirect: #f6ffed; --border-indirect: #b7eb8f; --badge-indirect: #389e0d; --radius-md: 10px; } /* Reset styles to integrate into natural web page flow */ .yarn-calc-wrapper * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; } .yarn-calc-wrapper { width: 100%; color: var(--text-main); padding: 16px 0; } /* Full-Bleed Header */ .yarn-calc-header { margin-bottom: 24px; } .yarn-calc-badge { display: inline-block; background: #e0e7ff; color: var(--primary); padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 8px; } .yarn-calc-header h1 { font-size: 1.75rem; font-weight: 800; color: var(--text-main); letter-spacing: -0.02em; } .yarn-calc-header p { font-size: 0.9rem; color: var(--text-muted); margin-top: 4px; } /* Responsive Grid Navigation */ .yarn-calc-nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; width: 100%; margin-bottom: 24px; } @media (min-width: 600px) { .yarn-calc-nav { grid-template-columns: repeat(4, 1fr); } } .yarn-tab-btn { width: 100%; padding: 12px 8px; background: #ffffff; border: 1px solid var(--border-color); border-radius: var(--radius-md); font-size: 0.85rem; font-weight: 600; color: var(--text-muted); cursor: pointer; transition: all 0.2s ease; text-align: center; } .yarn-tab-btn:hover { border-color: var(--primary); color: var(--primary); } .yarn-tab-btn.active { background: var(--primary-gradient); color: #ffffff; border-color: transparent; box-shadow: 0 4px 10px rgba(79, 70, 229, 0.2); } .yarn-tab-content { display: none; } .yarn-tab-content.active { display: block; } /* Input Controls Layout */ .yarn-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 24px; } .yarn-form-group { display: flex; flex-direction: column; gap: 6px; } .yarn-form-group label { font-size: 0.8rem; font-weight: 700; color: var(--text-main); } .yarn-form-group input, .yarn-form-group select { width: 100%; height: 44px; padding: 0 12px; border: 1.5px solid var(--border-color); border-radius: var(--radius-md); font-size: 0.95rem; font-weight: 600; color: var(--text-main); background-color: #f8fafc; outline: none; transition: border-color 0.2s ease; } .yarn-form-group select { appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748B%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right 12px top 50%; background-size: 10px auto; padding-right: 32px; } .yarn-form-group input:focus, .yarn-form-group select:focus { background-color: #ffffff; border-color: var(--primary); } .unit-input-group { display: flex; gap: 8px; } .unit-input-group input { flex: 1.4; } .unit-input-group select { flex: 1; } /* Output Section */ .yarn-results-header { font-size: 0.95rem; font-weight: 700; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid var(--border-color); color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; } .yarn-results-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; } .yarn-result-card { border-radius: var(--radius-md); padding: 14px 10px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; border: 1px solid; } .yarn-result-card.direct { background-color: var(--accent-direct); border-color: var(--border-direct); } .yarn-result-card.indirect { background-color: var(--accent-indirect); border-color: var(--border-indirect); } .yarn-result-card .system-title { font-size: 0.78rem; color: var(--text-muted); font-weight: 700; line-height: 1.2; } .yarn-result-card .value { font-size: 1.4rem; font-weight: 800; color: var(--text-main); margin: 6px 0; } .yarn-result-card .unit { font-size: 0.72rem; color: var(--text-muted); } .yarn-badge { display: inline-block; padding: 2px 8px; font-size: 0.65rem; border-radius: 4px; font-weight: 700; margin-top: 6px; text-transform: uppercase; } .yarn-result-card.direct .yarn-badge { background-color: #fff1b8; color: var(--badge-direct); } .yarn-result-card.indirect .yarn-badge { background-color: #d9f7be; color: var(--badge-indirect); } @media (max-width: 480px) { .yarn-calc-header h1 { font-size: 1.35rem; } .yarn-form-grid { grid-template-columns: 1fr; } .yarn-results-grid { grid-template-columns: repeat(2, 1fr); } } Spinning Suite Pro Yarn Count Utility Convert, calculate sample leas, wrap reels, and plied yarn counts Converter Wrap Reel Calc Sample Calc Folded / Plied Input System English Cotton (Ne) Tex (tex) Denier (den) Metric Count (Nm) Worsted Count (NeW) Woollen Dewsbury Linen / Hemp Lea (NeL) Decitex (dtex) Yarn Count Value Converted Equivalents Wrap Reel Type British Reel (1 Rot = 1.5 Yards) Metric Reel (1 Rot = 1.0 Meter) No. of Cycles / Rotations Weight of Yarn Grams (g) mg Grains (gr) Pounds (lb) Wrap Reel Calculated Counts Sample Length Meters (m) Yards (yd) cm Inches (in) Sample Weight Grams (g) mg Grains (gr) Pounds (lb) Calculated Sample Counts System Type English Cotton (Ne) - Indirect Metric (Nm) - Indirect Tex - Direct Denier - Direct Single Ply Counts (comma separated) Twist Take-up / Contraction (%) Resultant / Equivalent Count function switchTab(tabId, btn) { document.querySelectorAll('.yarn-tab-content').forEach(el => el.classList.remove('active')); document.querySelectorAll('.yarn-tab-btn').forEach(el => el.classList.remove('active')); document.getElementById(tabId).classList.add('active'); btn.classList.add('active'); } const systems = { Tex: { name: 'Tex', label: 'g/1000m', type: 'direct', toTex: v => v, fromTex: t => t }, dtex: { name: 'Decitex', label: 'g/10000m', type: 'direct', toTex: v => v / 10, fromTex: t => t * 10 }, Den: { name: 'Denier', label: 'g/9000m', type: 'direct', toTex: v => v / 9, fromTex: t => t * 9 }, Ne: { name: 'Cotton (Ne)', label: '840yd/lb', type: 'indirect', toTex: v => 590.541 / v, fromTex: t => 590.541 / t }, Nm: { name: 'Metric (Nm)', label: 'km/kg', type: 'indirect', toTex: v => 1000 / v, fromTex: t => 1000 / t }, New: { name: 'Worsted (NeW)', label: '560yd/lb', type: 'indirect', toTex: v => 885.812 / v, fromTex: t => 885.812 / t }, Nl: { name: 'Linen (NeL)', label: '300yd/lb', type: 'indirect', toTex: v => 1653.52 / v, fromTex: t => 1653.52 / t }, Dew: { name: 'Dewsbury', label: 'oz/160yd', type: 'direct', toTex: v => v * 19.375, fromTex: t => t / 19.375 } }; function renderResultCard(sysKey, value) { const sys = systems[sysKey]; const formattedVal = (value parseFloat(v.trim())).filter(v => !isNaN(v) && v > 0); if (counts.length === 0) { container.innerHTML = 'Enter valid ply counts separated by commas.'; return; } const sysType = systems[sysKey].type; let equivalentCount = 0; if (sysType === 'direct') { equivalentCount = counts.reduce((sum, val) => sum + val, 0); equivalentCount *= (1 + (contraction / 100)); } else { const reciprocalSum = counts.reduce((sum, val) => sum + (1 / val), 0); equivalentCount = 1 / reciprocalSum; equivalentCount *= (1 - (contraction / 100)); } const baseTex = systems[sysKey].toTex(equivalentCount); let html = renderResultCard(sysKey, equivalentCount); for (let key in systems) { if (key !== sysKey) { html += renderResultCard(key, systems[key].fromTex(baseTex)); } } container.innerHTML = html; } window.onload = function() { convertSystem(); calculateWrapReel(); calculateSample(); calculatePlied(); };

Yarn Count Utility

Discover more from Online Textile Academy

Full-Time Opportunity - Junior Merchandiser

Spinning Mill Production Calculator

Related Articles

Spinning Mill Production Calculator

Adblock Detected