Woven Fabric Cover Factor Calculator

Woven Fabric Cover Factor Calculator (Base 28 Standard) :root { --primary: #0284c7; --primary-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%); --text-main: #0f172a; --text-muted: #64748b; --border-color: #cbd5e1; --bg-card: #f8fafc; --radius-md: 10px; --accent-green: #f0fdf4; --border-green: #bbf7d0; --badge-green: #15803d; --accent-sky: #f0f9ff; --border-sky: #bae6fd; --badge-sky: #0369a1; --accent-amber: #fffbeb; --border-amber: #fde68a; --badge-amber: #b45309; } .cf-suite-wrapper * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; } .cf-suite-wrapper { width: 100%; color: var(--text-main); padding: 16px 0; } .cf-header { margin-bottom: 24px; } .cf-badge { display: inline-block; background: #e0f2fe; 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; } .cf-header h1 { font-size: 1.75rem; font-weight: 800; letter-spacing: -0.02em; } .cf-header p { font-size: 0.9rem; color: var(--text-muted); margin-top: 4px; } .cf-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 24px; } .cf-form-group { display: flex; flex-direction: column; gap: 6px; } .cf-form-group label { font-size: 0.8rem; font-weight: 700; color: var(--text-main); } .cf-form-group input, .cf-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: var(--bg-card); outline: none; transition: border-color 0.2s ease; } .cf-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; } .cf-form-group input:focus, .cf-form-group select:focus { background-color: #ffffff; border-color: var(--primary); } .cf-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; } .cf-results-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; } .cf-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; } .cf-card.sky { background-color: var(--accent-sky); border-color: var(--border-sky); } .cf-card.green { background-color: var(--accent-green); border-color: var(--border-green); } .cf-card.amber { background-color: var(--accent-amber); border-color: var(--border-amber); } .cf-card .card-title { font-size: 0.78rem; color: var(--text-muted); font-weight: 700; line-height: 1.2; } .cf-card .value { font-size: 1.35rem; font-weight: 800; color: var(--text-main); margin: 6px 0; } .cf-card .unit { font-size: 0.72rem; color: var(--text-muted); } .cf-tag { display: inline-block; padding: 2px 8px; font-size: 0.65rem; border-radius: 4px; font-weight: 700; margin-top: 6px; text-transform: uppercase; } .cf-card.sky .cf-tag { background-color: #e0f2fe; color: var(--badge-sky); } .cf-card.green .cf-tag { background-color: #dcfce7; color: var(--badge-green); } .cf-card.amber .cf-tag { background-color: #fef3c7; color: var(--badge-amber); } @media (max-width: 480px) { .cf-header h1 { font-size: 1.35rem; } .cf-form-grid { grid-template-columns: 1fr; } .cf-results-grid { grid-template-columns: repeat(2, 1fr); } } Peirce's Structural Model Woven Fabric Cover Factor Calculator Calculate Warp (K1), Weft (K2), and Total Fabric Cover Factor (Kc) based on a maximum limit of 28. Yarn Count System English Cotton (Ne) Tex (tex) Metric (Nm) Warp Yarn Count Weft Yarn Count Ends Per Inch (EPI) Picks Per Inch (PPI) Calculated Cover Factor Metrics function createCard(title, value, unit, theme = 'sky', tag = 'Metric') { const displayVal = (isNaN(value) || !isFinite(value) || value

Woven Fabric Cover Factor Calculator

Discover more from Online Textile Academy

Fabric Forming Machine Calculators

Epic Group Hiring – Management Trainees

Related Articles

Yarn Count Utility

Adblock Detected