工具�?�?免费在线工具�?| 计算器、文字处理、安全、媒体工具合�?/title> <meta name="description" content="工具站提�?20+ 款免费在线工具，涵盖计算器、文字处理、网络安全、媒体工具、教育学习五大类。所有工具纯浏览器端运行，无需安装、不上传数据�?> <meta name="keywords" content="在线工具�? 免费工具, 计算�? 文字处理, 密码生成, 颜色选择, 二维码生�? 单位换算, 年龄计算, BMI计算, Base64编码, 哈希加密, 贷款计算, 复利计算, 可读性评�? GPA计算, 税后工资对比, 标点统计, Lorem Ipsum, 大小写转�?> <link rel="canonical" href="https://www.gadtools.com/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="工具�?�?免费在线工具�?> <meta property="og:description" content="20+ 款在线工具，涵盖计算器、文字、安全、媒体、教育五大类�?> <meta property="og:type" content="website"> <meta property="og:locale" content="zh_CN"> <meta property="og:site_name" content="工具�?> <script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"工具�?�?免费在线工具�?,"description":"20+ 款免费在线工具合�?,"url":"https://www.gadtools.com/"}</script> <link rel="stylesheet" href="assets/css/style.css"> <style> .hero{text-align:center;padding:48px 0 32px} .hero h1{font-size:2.2rem;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 20px;font-size:1.05rem;line-height:1.7} .hero-stats{display:flex;justify-content:center;gap:32px;margin-top:20px;flex-wrap:wrap} .hero-stat{text-align:center} .hero-stat-num{font-size:1.6rem;font-weight:800;color:var(--accent-hover)} .hero-stat-label{font-size:.8rem;color:var(--text-muted)} .category-section{margin-bottom:40px} .category-title{font-size:1.3rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px} .category-icon{font-size:1.5rem} .tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px} .tool-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px;transition:all .2s;display:flex;flex-direction:column} .tool-card:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--bg-card-hover)} .tool-card-icon{font-size:1.6rem;margin-bottom:8px} .tool-card-name{font-size:.95rem;font-weight:600;margin-bottom:4px;color:var(--text-primary)} .tool-card-desc{font-size:.8rem;color:var(--text-muted);flex:1} .tool-card-tag{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:10px;background:var(--accent-light);color:var(--accent-hover);margin-top:8px;align-self:flex-start} @media(max-width:640px){.hero h1{font-size:1.6rem}.hero p{font-size:.95rem}.tool-grid{grid-template-columns:repeat(2,1fr)}} </style> </head> <body> <header class="site-header"><div class="container-wide header-inner"><a href="index.html" class="site-logo">🛠️ 工具�?/a><nav><ul class="nav-links"><li><a href="calculators/">计算�?/a></li><li><a href="text-tools/">文字工具</a></li><li><a href="web-security/">安全工具</a></li><li><a href="media-tools/">媒体工具</a></li><li><a href="educational/">教育学习</a></li></ul></nav></div></header> <main class="container"> <div class="hero"> <h1>🛠️ 工具�?/h1> <p>免费在线工具集合，涵盖计算器、文字处理、网络安全、媒体工具、教育学习五大类�?br>所有工具纯浏览器端运行，数据不上传服务器，即开即用�?/p> <div class="hero-stats"> <div class="hero-stat"><div class="hero-stat-num">20+</div><div class="hero-stat-label">工具</div></div> <div class="hero-stat"><div class="hero-stat-num">5</div><div class="hero-stat-label">大类</div></div> <div class="hero-stat"><div class="hero-stat-num">100%</div><div class="hero-stat-label">浏览器端运行</div></div> <div class="hero-stat"><div class="hero-stat-num">免费</div><div class="hero-stat-label">无限制使�?/div></div> </div> </div>  <div class="category-section"> <div class="category-title"><span class="category-icon">🧮</span> 计算�?/div> <div class="tool-grid"> <a href="calculators/bmi-calculator.html" class="tool-card"><div class="tool-card-icon">💪</div><div class="tool-card-name">BMI 计算�?/div><div class="tool-card-desc">身体质量指数计算，公�?英制双模式，含分类标准表</div><span class="tool-card-tag">健康</span></a> <a href="calculators/percentage-calculator.html" class="tool-card"><div class="tool-card-icon">📈</div><div class="tool-card-name">百分比计算器</div><div class="tool-card-desc">三种模式：求百分比、求值、求原�?/div><span class="tool-card-tag">数学</span></a> <a href="calculators/date-calculator.html" class="tool-card"><div class="tool-card-icon">📅</div><div class="tool-card-name">日期差计算器</div><div class="tool-card-desc">计算日期间隔天数，支持排除周�?/div><span class="tool-card-tag">时间</span></a> <a href="calculators/age-calculator.html" class="tool-card"><div class="tool-card-icon">🧓</div><div class="tool-card-name">年龄计算�?/div><div class="tool-card-desc">精确年龄计算，含生肖星座</div><span class="tool-card-tag">时间</span></a> <a href="calculators/unit-converter.html" class="tool-card"><div class="tool-card-icon">⇅</div><div class="tool-card-name">单位换算�?/div><div class="tool-card-desc">10 大类单位一键换�?/div><span class="tool-card-tag">通用</span></a> <a href="calculators/loan-calculator.html" class="tool-card"><div class="tool-card-icon">🎵</div><div class="tool-card-name">贷款月供计算�?/div><div class="tool-card-desc">等额本息/本金双模式，含还款明细表</div><span class="tool-card-tag">金融</span></a> <a href="calculators/compound-interest-calculator.html" class="tool-card"><div class="tool-card-icon">💰</div><div class="tool-card-name">复利计算�?/div><div class="tool-card-desc">本金+定投+复利，Chart.js 增长曲线</div><span class="tool-card-tag">金融</span></a> <a href="calculators/salary-comparison.html" class="tool-card"><div class="tool-card-icon">🌍</div><div class="tool-card-name">全球税后工资对比</div><div class="tool-card-desc">8 国税后收入估算对�?/div><span class="tool-card-tag">金融</span></a> </div> </div>  <div class="category-section"> <div class="category-title"><span class="category-icon">🛠️</span> 文字与内容处�?/div> <div class="tool-grid"> <a href="text-tools/word-counter.html" class="tool-card"><div class="tool-card-icon">📝</div><div class="tool-card-name">字数统计</div><div class="tool-card-desc">中英文字�?句子/段落/标点全统�?/div><span class="tool-card-tag">写作</span></a> <a href="text-tools/case-converter.html" class="tool-card"><div class="tool-card-icon">⇆</div><div class="tool-card-name">大小写转�?/div><div class="tool-card-desc">12 种格式：UPPER/Camel/snake/kebab �?/div><span class="tool-card-tag">编码</span></a> <a href="text-tools/base64-encode-decode.html" class="tool-card"><div class="tool-card-icon">🔐</div><div class="tool-card-name">Base64 编码解码</div><div class="tool-card-desc">文本/文件�?Base64，拖拽上�?/div><span class="tool-card-tag">编码</span></a> <a href="text-tools/readability-score.html" class="tool-card"><div class="tool-card-icon">📊</div><div class="tool-card-name">可读性评�?/div><div class="tool-card-desc">Flesch/FK/Gunning Fog 等指�?/div><span class="tool-card-tag">写作</span></a> <a href="text-tools/punctuation-counter.html" class="tool-card"><div class="tool-card-icon">❞</div><div class="tool-card-name">标点符号统计</div><div class="tool-card-desc">中英文标点分类统�?/div><span class="tool-card-tag">写作</span></a> <a href="text-tools/lorem-ipsum-generator.html" class="tool-card"><div class="tool-card-icon">🎵</div><div class="tool-card-name">随机段落生成�?/div><div class="tool-card-desc">Lorem Ipsum 和中文假�?/div><span class="tool-card-tag">设计</span></a> </div> </div>  <div class="category-section"> <div class="category-title"><span class="category-icon">🛡️</span> 网络与安�?/div> <div class="tool-grid"> <a href="web-security/password-generator.html" class="tool-card"><div class="tool-card-icon">🔑</div><div class="tool-card-name">密码生成�?/div><div class="tool-card-desc">8-64 位密码生成，强度评分</div><span class="tool-card-tag">安全</span></a> <a href="web-security/hash-generator.html" class="tool-card"><div class="tool-card-icon">🔒</div><div class="tool-card-name">MD5/SHA 哈希生成�?/div><div class="tool-card-desc">5 种哈希算法，Web Crypto API</div><span class="tool-card-tag">加密</span></a> </div> </div>  <div class="category-section"> <div class="category-title"><span class="category-icon">🎵</span> 媒体工具</div> <div class="tool-grid"> <a href="media-tools/color-picker.html" class="tool-card"><div class="tool-card-icon">🎨</div><div class="tool-card-name">颜色选择�?/div><div class="tool-card-desc">HEX/RGB/HSL 三格式互�?/div><span class="tool-card-tag">设计</span></a> <a href="media-tools/qr-code-generator.html" class="tool-card"><div class="tool-card-icon">📱</div><div class="tool-card-name">二维码生成器</div><div class="tool-card-desc">文本/WiFi/名片 QR 码，下载 PNG</div><span class="tool-card-tag">编码</span></a> </div> </div>  <div class="category-section"> <div class="category-title"><span class="category-icon">🎓</span> 教育学习</div> <div class="tool-grid"> <a href="educational/gpa-calculator.html" class="tool-card"><div class="tool-card-icon">🎓</div><div class="tool-card-name">GPA 计算�?/div><div class="tool-card-desc">4.0/5.0 制绩点加权计�?/div><span class="tool-card-tag">学业</span></a> </div> </div> </main> <footer class="site-footer"> <p>© 2026 <a href="index.html">工具�?/a> �?免费在线工具集合</p> <p style="font-size:.8rem;color:var(--text-muted);margin-top:4px;"> <a href="sitemap.xml">Sitemap</a> · 所有工具纯前端运行，数据不上传服务�? </p> </footer> </body> </html>