上篇发出之后，陆续有朋友来问：那个聚合了图片处理、在线抠图、图标生成的工具站，后面那批功能什么时候讲？今天这期就把剩下的重头戏补完——从智能配色到PDF处理，再加上一批开发调试经常用到的格式工具。也就是说，这篇写完，这个“一个网站搞定所有”的系列也就闭环了。
这篇适合谁？设计同学和前端开发同事都算目标受众，除此之外，平时要处理合同、扫描件、课件PDF的职场人也完全用得上。全文不讲空话，直接交代我实际怎么用、哪些功能在真实项目里能救急、哪些细节文档不会写清楚但踩坑了就抓瞎。如果你是第一次听说这个工具站，也建议先翻翻上篇（在线抠图、批量压缩、截图标注、SVG导出），再看这篇，使用链路就完整了。
1. 我为什么把一堆散装小工具换成了这套全家桶
1.1 散装小工具的下场：收藏夹吃灰
说实话，早几年我的浏览器收藏夹里躺着四十多个“小工具”链接，每一个都只干一件事：这个专门压缩图片，那个专门转PDF，还有一个专门搞渐变。结果是什么呢？某天清理收藏夹，点进去一看，一半域名变成了跨境电商，另一半改了版连按钮都找不着。小工具的维护成本本来就低，没人管的时候消失得也悄无声息。
更麻烦的是，散装工具之间往往没有统一的操作习惯。有的站点用“点击上传”，有的要求拖拽到指定虚线框，有的传完图先给你弹三个广告。每次处理一个多步任务——比如“先压缩PDF，再拆出其中几页，最后转成图片发给客户”——要在三四个网站之间来回切换，文件还得反复下载上传，中间任何一步断了，整个流程都得重来。
聚合型工具站解决的就是这个痛。它把所有高频和低频任务收拢到同一个界面，统一上传交互、统一导出逻辑、统一快捷键。我不用记“哪个网站能合并PDF”，只需要记得“打开这个站，搜索‘合并’两个字”。这种迁移成本是很低的，但省下来的时间却是真实可见的。我现在的习惯是把它固定在浏览器书签栏第一梯队，名称就叫“工具箱”，没有第二个同类站点。
1.2 上篇回顾与这篇的定位
上篇主要讲的是图片处理域：在线抠图、图片批量压缩、截图标注、SVG图标生成和导出。这些功能对应的是“设计素材准备”和“日常截图沟通”两个典型场景，覆盖了工作流里被打断频率最高的前两个环节。
这篇要补完的，则是另外三个域：智能配色，解决“颜色总感觉差一点”的玄学问题；PDF全流程，解决文档合并、压缩、转换、加密这些脏活累活；开发辅助工具，解决JSON格式化、时间戳转换、正则测试、Base64编解码这一类“只需要一次但必须马上用”的小需求。
为什么这么安排？因为我把高频需求按工作流重新理了一遍：设计师做稿子，先用图片工具处理素材，再用配色工具搭建视觉规范，最后用PDF工具交付文档；开发者调试接口，先格式化JSON，再看时间戳，偶尔还要把一张图转成Base64塞进代码里。工具和人一样，按工作流聚合起来才顺，按功能清单平铺只会继续吃灰。
1.3 正式开始前的一些设置建议
用这种全家桶站点，第一次进去别急着点功能，先把三件事做好。第一，注册账号并开启历史记录，很多站点会把近30天的处理文件留在云端，万一误覆盖，还能找回旧版本。第二，把常用功能添加到左侧快捷栏或首页收藏，我一般会放“智能配色、合并PDF、压缩PDF、JSON格式化、批量重命名”这五个，基本覆盖80%的日常调用。第三，找到隐私设置，确认是否有“仅浏览器处理”或“本地计算”模式，这个在后面讲PDF和文档处理时尤其重要，敏感文件能不走服务器就尽量不走。
这些配置只花五分钟，但后续每次打开工具站都能少点好几下。工具这东西，操作路径越短，你越愿意用它；一旦觉得“打开它比手动处理还麻烦”，它就会重新变成收藏夹里的一个死链接。
2. 智能配色：让“感觉差不多”变成“参数上说得清”
2.1 配色工具的三种姿势：取色、方案、色阶
智能配色模块是我在这套工具站里使用频率最高的功能之一，甚至可以说，它改变了我对配色的工作方式。以前配色靠感觉，感觉这个东西很不稳定，上午觉得这个蓝紫好看，下午受旁边屏幕影响又觉得偏灰。后来我琢磨出一个原则：尽量用色相环上的关系说话，而不是用形容词说话。
这个模块基本提供了三种姿势。第一种是图片取色，上传一张参考图，自动分析出主色、辅色和点缀色。它的原理不算复杂，其实就是颜色量化加聚类——把图片里的几万种颜色统计成几个代表性色值，再按占比排序。这里有个关键技巧：如果上传的是摄影照片，取出来的“主色”大概率是灰蒙蒙的中间调，因为自然照片里的颜色太杂了；如果要取品牌色，最好用Logo或者色块图，而不是照片。我一般会先在图片工具里把参考图压缩到800px以内再传上去，取色结果会稳定很多。
第二种是配色方案生成。输入一个基准色，工具会按色相环关系自动生成单色系、邻近色、互补色、分裂互补、三角色、四角色这几套组合。实际操作中，我最常用的是“分裂互补”，也就是基准色的补色两侧各取一个邻近色，比如主色是蓝色，就搭配黄橙色系的两个颜色。这种方案既能保证对比，又不会像纯互补色那样刺眼，做活动页和运营 banner 非常顺手。
第三种是色阶生成，这个对UI设计师最重要。输入品牌主色，自动生成从50到900的十档色阶。很多新手不理解为什么不能直接用“主色加透明度”来当浅色，我解释一下：把主色调成10%透明度叠加在白底上，确实能得到一个很浅的蓝，但这个浅蓝是半透明的，放到深色背景上就会变色，而且打印的时候透明通道会出问题。真正的色阶必须在色相不变的前提下，同时调整明度和饱和度，也就是工具里常说的“H/S/L调整”或“LCH调色”。这套工具站的色阶生成效果比我用过的不少设计插件都靠谱，基本可以直接进设计规范。
2.2 实战示例：三分钟得到一套完整UI色板
说一个我最近的真实操作，给某产品官网改版做提案，品牌主色是 #4F6DF5，一个带紫调的蓝。我在配色模块里输入这个色值，选择“UI色阶”模式，几秒钟就得到了一整套十档色板：
- 50档 #F2F5FF：用于页面浅色背景和表格斑马纹
- 200档 #C4D0FF：用于选中态的浅边框
- 400档 #7699FF：用于图标描边和次级按钮
- 500档 #4F6DF5：就是主色，用于主按钮和链接
- 600档 #3B56D4：用于主按钮的 hover 态
- 700档 #2E42A8：用于深色背景上的强调文字
这套色阶拿到手，就相当于把“hover 变深一点”这种模糊需求变成了具体色值。然后我顺手用对比度工具做了一次无障碍检查：白色文字放在 #4F6DF5 上，对比度大概是3.98:1，勉强够大标题的3:1标准，但正文要求4.5:1，不达标。这说明如果按钮上要放白字，就得用更深的600档 #3B56D4 作为按钮底色，白字才能稳妥通过AA标准。这个结论不是我拍脑袋，是公式算出来的，设计评审的时候直接摆这个数据，比说“我觉得这个蓝有点浅”有说服力得多。
2.3 用色阶时容易被忽略的细节
用这种自动生成的色阶，有三个细节特别容易踩坑。第一，有些工具的色阶生成会轻微偏移色相，看起来“更和谐”，但放在品牌规范里就是事故。我建议在设置里找到“保持色相”或者“严格同色相”的开关，品牌场景必须打开；只有做插画和运营图时，才允许工具做小幅度色相漂移。
第二，灰色文字对比度的问题。很多设计师用灰色 #999 当正文，觉得比纯黑精致，但白底上的 #999 对比度只有2.8:1左右，远低于4.5:1。如果一定要用灰色，至少压到 #666 以下，或者只把灰色用于辅助说明文字，正文仍然用深色。
第三，色阶方案不是万能的。做数据可视化，也就是折线图、柱状图时，千万别把同色系的十个档位当成十个分类色，那样相邻两个颜色几乎分辨不出来。这时候应该用色相环上的离散色板，比如从“三角色”或“四角色”方案里取色，保证分类之间一眼就能区分。
3. PDF处理：设计交付里的脏活累活
3.1 合并、拆分、提取页面怎么用不迷路
PDF处理是这类工具站里藏的最深的一个宝库，很多人只拿它转个格式，其实合并、拆分、提取页面才是我每天用得最多的。合并界面一般支持拖拽排序，你把文件拖到列表里，顺序就是最终PDF的顺序。有一次我需要把三份项目附件和一个封面合并成一份投标文件，每份文件页数还不一样，这个场景下拖拽排序比任何命令行都直观。拆分的操作点通常在“页面管理”或“分割”选项卡里，支持两种方式：按页数平均拆，或者按页码范围拆。
这里有个实用技巧：指定页面范围时，一般接受英文逗号和短线混写，比如输入“1-5, 8, 12-15”就表示要第1到5页、第8页、第12到15页。我第一次看到这个语法还愣了一下，后来发现这跟打印对话框里的页码范围写法完全一致，理解成本为零。另外，如果遇到一个200MB的超大PDF，直接上传往往超限，我的经验是先按章节拆成几个小文件，分批处理完再合并回去，虽然多两步，但比等上传失败重新压缩快得多。
3.2 压缩PDF：别为了体积牺牲印刷质量
PDF压缩这个功能，原理上做的是四件事：重新压缩内部图片、降低图像采样分辨率（DPI）、删除文档元数据、把字体做子集化。不管是哪家工具，本质都逃不过这四板斧。所以你在压缩界面里看到的“轻度、均衡、极限”三个档位，区别主要在于对图片质量的容忍度——极限档会把图片压得很狠，元数据也全删，文件体积确实最小，但打印的时候马脚就露出来了。
我踩过最大的坑就是极限压缩。有一份带大量产品实拍图的演示文稿导出PDF，原始30MB，我用极限档压到了6MB，电脑上看完全没问题，结果客户拿去打印，图片边缘全是一块一块的噪点。后来我学乖了：需要打印或出片的文件，最多用均衡档，压完大概11MB，清晰度足够；只在网络传输和微信群发场景下，才敢用极限档。另外，好的工具会提供一个“保留文字向量”的选项，意思是只压图片不压文字，这个选项尽量打开，否则压完之后文字边缘会发虚。
还有一个参数值得注意：DPI。普通屏幕预览150dpi就够，打印至少要300dpi。有的压缩工具会默认把DPI降到72，这种文件放到手机上看还行，拉到桌面端显示器上直接满屏锯齿。所以压缩完一定要预览几个关键页，尤其是含文字和精细线条的页面。
3.3 转Word、转图片以及什么时候必须开OCR
PDF转Word是另一个高频功能，但这里面的水很深。数字版PDF，也就是从Word或设计工具直接生成的PDF，文字本身是带文本层的，转Word时只要解析字体、坐标和段落结构即可，效果通常不错。但扫描版PDF，也就是拿手机拍出来或者扫描仪扫出来的PDF，本质是一张张图片，直接转Word只会得到“图片还在、文字没法编辑”的结果，这时候必须开OCR。
OCR的操作要点有三个：语言包要选对，中文文档必须选简体中文识别；要开启“保留版面”选项，否则输出会变成从上到下一股脑的文字流，图表全乱；识别完后一定要人工校一遍，合同里的金额、日期、编号最容易错。我之前处理过某项目的存档合同，整本都是扫描件，第一次没开OCR，转出来是个纯图片Word，等于没转；开了OCR之后文字能搜能改，但原表格里有些跨页行对不齐，我花了一下午手动整理，这也是扫描件转Word的常态，别期待工具能一键解决所有排版问题。
转图片功能则简单得多，适合快速预览和做演示材料。我常用的是“PDF转长图”，把一份20页的方案导出成一张竖长图，方便在手机上滚动阅读，也比发PDF更不容易被随手转发。这个功能几乎没有坑，唯一要注意的是文件页数太多时长图尺寸会很夸张，建议拆成两段分开发。
3.4 加密、加水印和敏感文件交付
PDF加密设计得好的话，能帮你省掉一个很重要的麻烦：交付安全。设计稿、报价单、合同，很多时候需要发电子版给外部人，又不想被随意修改和二次转发。我的做法是，在交付前用加密工具设置两层保护：第一层是打开密码，第二层是权限密码，权限密码用来限制复制、打印和编辑。有的站点把这两层合并成一个密码框，这就差了点意思，能分开设的最好分开。
水印功能也值得养成肌肉记忆。给客户发预览版PDF时，我会加上一条半透明的公司名水印，平铺到每一页，既能宣示身份，又不会完全遮挡内容。图片水印比文字水印更能防止盗图，但注意控制透明度和位置，之前见过有人把水印放在角落，客户直接裁掉就完事了，等于白加。
最后提醒一句：解密功能一定要在你自己持有权限的前提下使用。比如公司内部有一份被权限密码锁住的旧文件，管理员给你授权了，你用它来解除限制是正常的；但如果你拿到的是别人发来的加密PDF，想着“破解一下看看”，这个就是原则问题。工具本身不区分用途，使用的人得自己把边界守住。敏感文件的处理原则我后面章节能展开讲，这里先记住一条：上传前的脱敏比上传后的删档更可靠。
4. 开发者高频模块：用来续命的那些格式工具
4.1 格式化、校验与格式互转
设计工具做得再好，也覆盖不了开发者日常那些零零碎碎的格式处理需求。我把工具站里的开发辅助模块当作一个“代码格式瑞士军刀”来看，其中最常用的是JSON格式化与压缩。
调试接口时，后端返回的JSON经常是一行几万字符的压缩格式，扔到格式化工具里一展开，结构立刻清楚了。反过来，有些配置文件需要放到命令行工具里，又得先压成一行，这时候“压缩模式”就派上用场。我现在已经养成了习惯：接口返回的JSON永远先过一遍格式化，确认层级结构再读字段，不然嵌套三四层的对象根本看不出来哪个括号对应哪里。
格式互转也是这个模块的隐藏彩蛋，JSON转CSV、JSON转YAML、XML转JSON这类转换我基本每周都会用到。举个比较有代表性的例子：产品或运营同事给我一份Excel导出的CSV，里面是活动配置数据，但接口需要JSON格式。早年间我得打开编辑器手写映射规则，现在直接在格式转换工具里选CSV转JSON，自动生成结构，再稍微调一下字段名就能当Mock数据用。这种“垃圾活”能自动化多少，下班时间就能提前多少。
4.2 编码、解码与哈希校验
编码解码工具里有几个功能看起来基础，用起来极其救命。第一个是URL编解码。排查线上问题时，日志里的地址通常被编码成%20、%3A这一串，不解码根本看不懂参数里面传的到底是什么；调试回调地址时也需要先编码再拼接。第二个是Base64编解码。前端做图片处理时经常要把图片转成Data URI，也就是“data:image/png;base64,……”那一长串，我们组内也用它来快速查看接口返回的Token内容，免得到处问人。
时间戳转换我也已经离不开。前后端联调时，时间字段经常是一串10位或13位数字，肉眼完全看不出来是几点，扔到时间戳工具里选好“秒或毫秒”和时区，马上就变成北京时间。哈希校验则适合做安全场景：下载镜像或安装包后，用工具算一下MD5或SHA-256，和官方文档给出的值对比，能确认文件在传输过程有没有被改动。这个习惯看起来老派，但在交付外包代码或接收第三方包时非常省心。
4.3 正则测试与批量重命名
正则表达式是那种“一句话能讲清、写起来容易翻车”的东西，所以工具站里的正则测试器就成了我的救命稻草。界面通常分成三个框：表达式输入框、测试文本输入框、匹配结果展示区，输入正则后高亮显示所有匹配项。我每次写复杂的表达式都是分两步走：先在测试文本里用少量样例验证逻辑，再放到代码里跑全量。比如要匹配一批日志里的时间格式，表达式“\d{4}-\d{2}-\d{2}”看起来简单，但加上前后边界符又是另一回事，不在工具里试一遍，很容易写出“看起来对但实际多匹配”的规则。
批量重命名是设计资源和开发者都能用到的功能。前端切图经常遇到这种情况：从一个软件导出的一套图标叫“icon-001.png”到“icon-040.png”，但代码里要用语义化命名，就得把所有文件改成“icon-arrow.png”这种格式。手动改四十个文件能改到怀疑人生，批量重命名工具支持正则替换，我一般用模式匹配把数字序号替换成对应名字的表，或者先批量统一前缀，再配合映射表做二次替换。虽然不是每次都能一步到位，但能省掉80%的无脑操作。
下面的表格是我日常使用频率的一个总结，供你参考：
| 工具类别 | 典型场景 | 实际使用频率 |
|---|---|---|
| JSON格式化/校验 | 接口排查、配置检查 | 每周多次 |
| 时间戳转换 | 日志时间定位、过期时间计算 | 每周多次 |
| Base64编解码 | 图片转DataURI、Token查验 | 每周两三次 |
| 正则测试 | 批量改名、日志过滤规则编写 | 每两周一次 |
| 哈希校验 | 下载文件完整性、接口签名核对 | 每月几次 |
| 格式互转 | CSV转JSON、XML转YAML | 每周一两次 |
4.4 二维码生成与识别这种被低估的小功能
二维码功能看着不起眼，实际使用频率比想象中高。工具站里通常有两个方向：一是把链接或文本生成二维码，二是反向识别图片里的二维码。生成方向我常用在交付物上，比如把一个预览版的在线链接做成二维码，打印在纸质文件首页，客户扫码就直达。识别方向则更适合签名验证场景，有一次一个接口返回的签名格式变了，排查时文档给的是二维码图片，我把图片传上去识别出完整参数，进度一下子推进了一大截。
这些功能单个拆开都不值得装一个软件，但聚合在一个站里就不一样了。它们和PDF处理、配色工具形成配合，比如把二维码图片合并进PDF的指定页面，或者把识别出来的长链接编码成短码再转成二维码，这套链路如果都要靠单个网站串，至少要在三个站点之间来回折腾，而全家桶里只需要在一个界面里解决。
5. 常见问题与排查技巧实录
5.1 配色工具翻车现场
用配色模块时最容易遇到的四个问题，我逐个说排查思路。
第一，从图片提取的颜色太杂，主色发灰。这个基本是图片本身太“花”导致的，不是工具坏了。解决办法是先压缩图片，或者换一张干净一点的Logo图、色块图；如果只能从照片取，取完以后手动在色盘里把饱和度补一补。
第二，生成出来的色阶“脏”，也就是说个别颜色发绿或发黄。这通常是因为工具默认开启了色相漂移，为了“视觉和谐”微调了色相，但在品牌场景下必须关掉。找到“严格保持色相”或“色相锁定”选项，重新生成一次就好。
第三，对比度检测不通过。不用慌，这不是终审，是帮你调整的起点。做法是先降低主色明度，把色值往深色档位移动一格，比如500档不行就用600档；如果是因为文字太浅，可以直接换文字颜色。对比度工具给出的数值是硬标准，按数据来就好。
第四，同一套色阶放到深色模式和浅色模式下观感差异巨大。好的工具会提示你换背景色重新预览，别嫌麻烦，深浅两套背景各看一遍，才能决定哪些档位用于文字、哪些用于背景。
5.2 PDF处理翻车现场
PDF处理翻车的模式就更多了，而且每一条都像亲身踩过的坑。
压缩后文字模糊这个最冤。明明压缩的是图片，为什么文字也虚了？大概率是页面上有文字被“扁平化”成了图片，常见于设计软件里做过特殊效果的标题。这种情况再压一次只会更糊，唯一的解法是回到源文件，把扁平化的文字恢复成矢量文本，重新导出PDF再压缩。
转Word乱码分两种情况。一种是你拿到的PDF是扫描件，必须开OCR模式；另一种是PDF内嵌字体被禁用或不完整，转出来要么字体替换成奇怪样式，要么局部排版错乱。后者没有完美的自动解法，我的经验是在转Word后立刻检查标题和表格区域，手动修正样式比全部重新排版省力得多。
大文件上传失败也很常见。超过站点限制的大PDF不能硬传，我通常先压缩到限制内，或者用页码拆分功能切成几个部分分别处理。还有一种思路是直接用本地命令行工具处理，既能绕开上传限制，又能保住敏感信息。
5.3 在线工具的隐私风险和本地替代方案
这是我在真实项目中踩过坑之后特别想强调的：不是所有文件都适合丢进在线工具。合同、身份证扫描件、内部报价单，这类东西上传到任何在线平台，不管对方承诺多安全，都等于把主动权交出去了。尤其PDF处理这个模块，处理对象天然就是敏感文档居多，我给自己定了一条铁律：先脱敏，再上传；能本地，就本地。
本地替代方案其实不难，如果你会命令行，下面这几个命令足够覆盖大多数场景。压缩PDF用Ghostscript：
# 本地压缩PDF，不经过任何在线服务 gs -sDEVICE=pdfwrite -dPDFSETTINGS=/ebook -dCompatibilityLevel=1.4 -o output.pdf input.pdf拆分PDF用pdftk：
# 只保留第1到3页 pdftk input.pdf cat 1-3 output part1.pdf这两条命令跑完之后，文件全程没有离开过你的电脑，安全感是完全不一样的。如果不会命令行，退而求其次的做法是：在在线工具处理前，先用画图工具把敏感区域涂黑或者打上马赛克，处理完成后再手动核对一遍。记住，上传后删除并不能回收所有副本，下载到本地的东西也不一定只存在你的硬盘里。
5.4 免费额度不够用怎么办
几乎所有这类工具站都有免费额度，通常体现为“每日PDF处理页数限制”或“每日图片张数限制”。碰到额度用完，我一般分三步走。
先看有没有本地计算模式。部分功能如果能在浏览器本地完成，不消耗服务端配额，就能绕开限制。再看是否有“批量处理更加高效”的选项，同一批文件合并成一次处理，消耗的额度往往比分次处理少。最后如果真的急用，就把任务优先级排一下：马上要交付的优先处理，其他可以错峰到第二天。我不建议一上来就买会员，先统计一周的真实使用量，如果确实超过免费额度两倍以上，再考虑付费；大多数轻度用户，免费额度其实够用。
还有一个被低估的选项：把高频功能添加到浏览器书签或者PWA缓存后，断网也能打开。很多工具站支持离线缓存，虽然在线处理功能还是要联网，但界面加载和基础配置在弱网环境下会明显更快，这算个小优化，但体验提升很实在。
6. 一些我自己的使用习惯，供你参考
这套工具站用了快一年，我最大的体会是：它最厉害的地方不是某个单点功能有多强，而是把那些“说起来很小、遇上了很烦”的任务集中到了一个入口。以前处理一份文件要经历“搜索工具-注册账号-上传-下载-再找下一个工具”的漫长链路，现在只需要开一个书签，搜索功能名，三步之内搞定。时间省下来的量级可能只有几分钟，但积少成多，体验差距是很明显的。
我的具体习惯是：把高频功能固定在左侧栏，日常只关注“智能配色、合并PDF、压缩PDF、JSON格式化、批量重命名”这五个；处理敏感文件前先条件反射地判断一下“这个文件能不能传”，不能传就切到本地命令行；每周固定检查一次免费额度的用量，用来决定要不要调整工作方式。另外一个小技巧：我在浏览器里给工具站单独开了一个配置文件，专门放工作相关的书签和登录状态，和私人浏览环境隔离，避免在处理敏感文件时不小心混用会话。这个习惯成本几乎为零，但心里踏实很多。
这套工具体系不算完美，偶尔也有个别功能不如专业软件，但日常效率层面已经足够可靠。如果你也经常被配色、PDF和格式转换这些琐事打断，建议按这篇的思路把这套全家桶用起来，然后根据自己的工作流重新排布优先级。工具终究是拿来解决具体问题的，能让你少折腾一点，就是它最大的价值。
