https://kejiciwei.com/tools/Recent content in 在线工具 on 科技刺猬Hugozh-CNWed, 19 Aug 2026 00:00:00 +0000https://kejiciwei.com/tools/color-converter/Wed, 19 Aug 2026 00:00:00 +0000https://kejiciwei.com/tools/color-converter/<div class="tool-ui" data-tool="color"> <div class="tool-color-preview" id="cc-preview"></div> <div class="tool-row"> <input id="cc-picker" type="color" value="#2563eb"> <input id="cc-hex" class="tool-input mono" type="text" value="#2563eb" maxlength="9" placeholder="#2563eb"> </div> <div class="tool-out mono">HEX：<span id="cc-o-hex">#2563eb</span><button type="button" class="btn-copy" data-copy="cc-o-hex">复制</button></div> <div class="tool-out mono">RGB：<span id="cc-o-rgb">rgb(37, 99, 235)</span><button type="button" class="btn-copy" data-copy="cc-o-rgb">复制</button></div> <div class="tool-out mono">HSL：<span id="cc-o-hsl">hsl(221, 83%, 53%)</span><button type="button" class="btn-copy" data-copy="cc-o-hsl">复制</button></div> </div> <h2 id="三种格式分别用在哪">三种格式分别用在哪</h2> <ul> <li><strong>HEX</strong>（如 <code>#2563eb</code>）：网页 CSS、设计软件里最通用，六位十六进制依次是红、绿、蓝</li> <li><strong>RGB</strong>（如 <code>rgb(37, 99, 235)</code>）：需要调透明度时常用它的变体 <code>rgba()</code>，数值是 0–255 的十进制</li> <li><strong>HSL</strong>（如 <code>hsl(221, 83%, 53%)</code>）：按色相、饱和度、明度描述颜色，想&quot;同一个颜色浅一点/深一点&quot;时调 L 最直观</li> </ul> <h2 id="使用说明">使用说明</h2> <p>点左侧色块从系统色板里选色，或直接在输入框里敲 HEX 值（支持 <code>#RGB</code> 三位简写），三种格式会同步更新。改完点「复制」就能贴到你的 CSS 或设计稿里。</p>https://kejiciwei.com/tools/password-generator/Tue, 14 Jul 2026 00:00:00 +0000https://kejiciwei.com/tools/password-generator/<div class="tool-ui" data-tool="password"> <div class="tool-row"> <input id="pw-out" class="tool-input mono" type="text" readonly placeholder="点下方按钮生成" style="flex:1;min-width:220px"> <button type="button" class="btn btn-ghost" id="pw-copy">复制</button> </div> <div class="tool-row"> <label>长度 <input id="pw-len" type="range" min="8" max="64" value="16"> <span id="pw-len-val">16</span></label> <label><input type="checkbox" id="pw-lower" checked> 小写 a-z</label> <label><input type="checkbox" id="pw-upper" checked> 大写 A-Z</label> <label><input type="checkbox" id="pw-num" checked> 数字 0-9</label> <label><input type="checkbox" id="pw-sym"> 符号 !@#$…</label> </div> <div class="tool-row"> <button type="button" class="btn btn-primary" id="pw-gen">生成密码</button> <span class="tool-status" id="pw-strength"></span> </div> </div> <h2 id="怎么生成好密码">怎么生成好密码</h2> <ul> <li><strong>长度比复杂度更重要</strong>：16 位以上、包含大小写和数字的密码，对暴力破解的抵抗力已经很强；拿不准就把长度拉到 20 位</li> <li><strong>每个网站用不同密码</strong>：真正的风险不是密码被猜中，而是某家网站泄露后被&quot;撞库&quot;到其他网站。配合密码管理器使用，一个主密码管全部</li> <li>本工具去掉了容易看错的字符（<code>0/O</code>、<code>1/l</code> 等），抄写时不容易出错</li> </ul> <h2 id="安全说明">安全说明</h2> <p>生成使用浏览器内置的密码学安全随机数（<code>crypto.getRandomValues</code>），全程在本地运行：生成的密码不会上传、不会保存，关掉页面就没了。请把密码存进你自己的密码管理器，不要截图或发给别人。</p>https://kejiciwei.com/tools/url-codec/Fri, 29 May 2026 00:00:00 +0000https://kejiciwei.com/tools/url-codec/<div class="tool-ui" data-tool="url"> <textarea id="url-in" class="tool-textarea mono" rows="5" placeholder="输入要编码的文本或链接，或要解码的 %XX 字符串…"></textarea> <div class="tool-row"> <button type="button" class="btn btn-primary" id="url-enc">编码 →</button> <button type="button" class="btn btn-primary" id="url-dec">解码 →</button> <button type="button" class="btn btn-ghost" id="url-clear">清空</button> </div> <div class="tool-status" id="url-status"></div> <textarea id="url-out" class="tool-textarea mono" rows="5" readonly placeholder="结果会显示在这里"></textarea> <div class="tool-row"><button type="button" class="btn btn-ghost" id="url-copy">复制结果</button></div> </div> <h2 id="为什么链接需要编码">为什么链接需要编码</h2> <p>URL 里只能安全地出现有限的字符：中文、空格、<code>&amp;</code>、<code>?</code>、<code>#</code> 这类字符直接放进链接会被误解（比如 <code>&amp;</code> 是参数分隔符）。URL 编码把它们换成 <code>%</code> 加两位十六进制的形式，中文一个字通常会变成三组 %XX。</p> <h2 id="本工具的口径">本工具的口径</h2> <p>使用的是 <code>encodeURIComponent</code>：会编码包括 <code>/</code>、<code>?</code>、<code>&amp;</code>、<code>=</code> 在内的绝大多数字符，适合编码<strong>参数值</strong>（比如把一整段文本塞进链接的查询参数里）。解码时若字符串里含有不完整的 <code>%</code> 转义会提示失败，先检查有没有复制漏字符。所有处理都在本地完成，不上传。</p>https://kejiciwei.com/tools/timestamp/Thu, 23 Apr 2026 00:00:00 +0000https://kejiciwei.com/tools/timestamp/<div class="tool-ui" data-tool="timestamp"> <div class="tool-now">当前时间戳：<code id="ts-now-sec">-</code>（秒） · <code id="ts-now-ms">-</code>（毫秒）</div> <h3>时间戳 → 日期时间</h3> <div class="tool-row"> <input id="ts-in" class="tool-input mono" type="text" inputmode="numeric" placeholder="例如 1768473600"> <select id="ts-unit" class="tool-input"><option value="s">秒</option><option value="ms">毫秒</option></select> <button type="button" class="btn btn-primary" id="ts-conv1">转换</button> </div> <div class="tool-out" id="ts-out1">—</div> <h3>日期时间 → 时间戳</h3> <div class="tool-row"> <input id="ts-date" class="tool-input" type="datetime-local" step="1"> <button type="button" class="btn btn-primary" id="ts-conv2">转换</button> </div> <div class="tool-out" id="ts-out2">—</div> </div> <h2 id="什么是时间戳">什么是时间戳</h2> <p>Unix 时间戳是&quot;从 1970 年 1 月 1 日 00:00:00 UTC 到现在经过的秒数（或毫秒数）&quot;，日志、数据库和接口里到处都是它。看到一串 10 位数字多半是秒级，13 位多半是毫秒级。</p> <h2 id="注意事项">注意事项</h2> <ul> <li>转换结果按你<strong>当前设备的时区</strong>显示；同一时间戳在不同时区看到的钟点不同，这是正常现象</li> <li>跨时区核对时间时，先确认对方说的时间戳对应哪个时区，避免差 8 小时这类经典乌龙</li> </ul> <p>页面上方的当前时间戳会实时跳动，调试时可以直接抄。</p>https://kejiciwei.com/tools/base64/Thu, 19 Mar 2026 00:00:00 +0000https://kejiciwei.com/tools/base64/<div class="tool-ui" data-tool="base64"> <textarea id="b64-in" class="tool-textarea mono" rows="6" placeholder="输入要编码的文本，或要解码的 Base64 字符串…"></textarea> <div class="tool-row"> <button type="button" class="btn btn-primary" id="b64-enc">编码 →</button> <button type="button" class="btn btn-primary" id="b64-dec">解码 →</button> <button type="button" class="btn btn-ghost" id="b64-clear">清空</button> </div> <div class="tool-status" id="b64-status"></div> <textarea id="b64-out" class="tool-textarea mono" rows="6" readonly placeholder="结果会显示在这里"></textarea> <div class="tool-row"><button type="button" class="btn btn-ghost" id="b64-copy">复制结果</button></div> </div> <h2 id="base64-是什么">Base64 是什么</h2> <p>Base64 是把二进制或文本数据换成只含字母、数字、<code>+</code>、<code>/</code>、<code>=</code> 的字符串的编码方式，常用于在只允许纯文本的地方（邮件、URL 参数、配置文件）里塞数据。它是<strong>编码不是加密</strong>，任何人拿到都能解开，别用它来&quot;保护&quot;密码这类敏感信息。</p> <h2 id="使用说明">使用说明</h2> <ul> <li>编码：输入任意文本（支持中文），点「编码」</li> <li>解码：输入 Base64 字符串，点「解码」；若字符串不合法会提示失败，常见原因是复制时漏了结尾的 <code>=</code> 或混入了空格</li> </ul> <p>全部处理都在你的浏览器里完成，内容不上传服务器。</p>https://kejiciwei.com/tools/json-formatter/Mon, 09 Feb 2026 00:00:00 +0000https://kejiciwei.com/tools/json-formatter/<div class="tool-ui" data-tool="json"> <textarea id="jf-in" class="tool-textarea mono" rows="8" placeholder="把 JSON 粘贴到这里…"></textarea> <div class="tool-row"> <button type="button" class="btn btn-primary" id="jf-fmt2">格式化（2 空格）</button> <button type="button" class="btn btn-ghost" id="jf-fmt4">格式化（4 空格）</button> <button type="button" class="btn btn-ghost" id="jf-min">压缩</button> <button type="button" class="btn btn-ghost" id="jf-clear">清空</button> </div> <div class="tool-status" id="jf-status"></div> <pre class="tool-out mono" id="jf-out"></pre> </div> <h2 id="什么时候用得上">什么时候用得上</h2> <ul> <li>接口返回了一大坨没有换行的 JSON，想看清结构：用<strong>格式化</strong>把它展开</li> <li>配置或日志要塞进一行：用<strong>压缩</strong>去掉所有空白</li> <li>怀疑 JSON 写错了又找不到问题：粘贴进来，格式不合法时会直接显示错误信息，按提示去查那一处</li> </ul> <h2 id="小提示">小提示</h2> <p>格式化只是改变空白和换行，不会改动数据本身；键的顺序、数字和字符串都会原样保留。校验基于浏览器内置的 JSON 解析器，与主流开发工具的口径一致。所有处理都在本地完成，接口数据不会上传。</p>https://kejiciwei.com/tools/word-counter/Mon, 12 Jan 2026 00:00:00 +0000https://kejiciwei.com/tools/word-counter/<div class="tool-ui" data-tool="word-counter"> <textarea id="wc-input" class="tool-textarea" rows="9" placeholder="把文字粘贴到这里，或直接输入，下方会实时统计…"></textarea> <div class="tool-stat-grid"> <div class="tool-stat"><span class="num" id="wc-total">0</span><span class="label">总字数（不含空格）</span></div> <div class="tool-stat"><span class="num" id="wc-han">0</span><span class="label">汉字数</span></div> <div class="tool-stat"><span class="num" id="wc-words">0</span><span class="label">英文单词数</span></div> <div class="tool-stat"><span class="num" id="wc-nums">0</span><span class="label">数字个数</span></div> <div class="tool-stat"><span class="num" id="wc-lines">0</span><span class="label">行数</span></div> <div class="tool-stat"><span class="num" id="wc-paras">0</span><span class="label">段落数</span></div> </div> <div class="tool-row"><button type="button" class="btn btn-ghost" id="wc-clear">清空</button></div> </div> <h2 id="这个工具能做什么">这个工具能做什么</h2> <p>把文本粘贴进来，下面的数字会实时变化：</p> <ul> <li><strong>总字数（不含空格）</strong>：去掉所有空格、换行后的字符数，投稿、填表最常问的就是这个口径</li> <li><strong>汉字数</strong>：只统计中文汉字，适合按&quot;中文稿费/作业字数&quot;计数的场景</li> <li><strong>英文单词数</strong>：英文文章、论文摘要计数用这个</li> <li>另外还有数字个数、行数（按回车分行）、段落数（按空行分段）</li> </ul> <h2 id="常见问题">常见问题</h2> <p><strong>为什么和 Word 统计的不一样？</strong> 各家口径不同：Word 的&quot;字数&quot;把汉字、标点、英文字母都算进去且不含空格，和这里的&quot;总字数&quot;接近但不完全一致。交稿前以对方要求的口径为准，这个工具适合快速估算。</p> <p><strong>我的文本会被上传吗？</strong> 不会。统计全部在你的浏览器本地完成，关掉页面即消失。</p>