Product
平时在做前端开发或 UI 临摹时，经常需要从设计图或竞品截图中提取精准的颜色，或者局部截取某个 Icon。但市面上的在线工具往往有几个痛点： 隐私泄露风险： 必须把未发布的机密设计稿或包含敏感信息的截图长传到未知的服务器。 操作割裂： 图片太大时，取色器和图片不能同屏显示，需要来回滚动。 截图画质受损： 基于网页预览的截图往往是被压缩和缩放过的，截图会糊。 为了解决这些问题，我开发了这个纯前端（Client-side）运行的图片处理工具…
平时在做前端开发或 UI 临摹时，经常需要从设计图或竞品截图中提取精准的颜色，或者局部截取某个 Icon。但市面上的在线工具往往有几个痛点： 隐私泄露风险： 必须把未发布的机密设计稿或包含敏感信息的截图长传到未知的服务器。 操作割裂： 图片太大时，取色器和图片不能同屏显示，需要来回滚动。 截图画质受损： 基于网页预览的截图往往是被压缩和缩放过的，截图会糊。 为了解决这些问题，我开发了这个纯前端（Client-side）运行的图片处理工具。 ✨ 核心亮点： 🔒 100% 纯本地处理： 基于 HTML5 Canvas API 开发。图片只在用户的浏览器内存中渲染，断网也能用，彻底杜绝隐私泄露。 🎨 极客级颜色提取： 鼠标精准点取物理像素，一键同时生成并复制 HEX、RGB、HSL 三种格式代码。 📚 动态调色板历史： 提取颜色的同时，左侧控制台会自动记录最近 8 次取色，方便快速构建一套连贯的 UI 色板。 ✂️ 物理级无损截图： 截图坐标直接映射回原图的物理像素，无论网页怎么缩放，下载的 PNG 局部截图都保持 100% 原始高清画质。 🖥️ 工作台沉浸式体验： 针对超大长图做了专门优化，左侧工具栏全局悬浮锁定，右侧画板支持右键拖拽平移和滚轮无极缩放（最高 10 倍放大提取细节）。 工具完全免费、无弹窗广告、免注册。希望这个小工具能帮到经常需要和图片、颜色打交道的前端同行与设计师们！
Discuss this product