如何使用
- 点击“选择图片”、拖入图片，或直接按 Ctrl+V / Cmd+V 粘贴截图。
- 在图片上移动鼠标或手指，查看实时 HEX、RGB、HSL 颜色值和放大镜预览。
- 点击想保留的位置，颜色会进入取色历史。
- 点击“提取主色调”，生成图片调色板，并复制需要的色值。
示例场景：把产品截图粘贴进工具，吸取按钮主色，复制 HEX 到 CSS 或设计稿中。
核心功能
- 本地图片取色：图片只在浏览器 Canvas 中渲染和读取像素，不会上传到服务器。
- 像素级 HEX/RGB/HSL：移动鼠标或拖动手指，即时查看当前像素的 HEX、RGB 和 HSL 颜色值。
- 放大镜准星辅助：局部放大预览帮助你对准图标边缘、UI 截图细节和细小色块。
- 图片调色板生成：在浏览器内统计图片像素，提取最多 5 个适合设计参考的主色调。
- 点击保存与复制：点击图片保存取色历史，点击色块即可复制颜色代码。
相关工具
2026 最新 FIRE 财务自由计算器(剔除通胀版)。拒绝虚高数字，精准模拟实际购买力下的复利增长。支持 4% 法则验证与养老金缺口反向推算。支持一键导出 CSV，完美适配 Excel 或 Notion 财务看板。隐私优先，本地计算零上传。
根据账户资金、风险比例、入场价和止损价计算交易仓位。所有计算在浏览器本地完成，不上传账户数据，可对比多档风险方案。
输入本金、定期投入、年化收益率和投资年限，计算复利增长结果，并用交互式图表展示本金、利息和最终总额。数据仅在本地计算。
找不到艾伦格地下室？EasyTools 提供 2026 最新红木门位置标注、钥匙刷新点及高级物资热力图。浏览器本地计算，隐私安全，永久免费。立即规划进圈路线！
泰戈 2026 最新密室地图！异常区域取消后，识别“青蓝色屋顶”建筑成为获取空投武器的唯一捷径。含自救除颤器必刷点标注，隐私安全。
维寒迪雪地 2026 攻略。标注致命“熊洞”入口、热成像瞄准镜刷新区及 Lab Camp 实验室钥匙刷新规律。避开北极熊，夺取顶级物资。
荣都 8x8 战术大图 2026 版。精准标注安全门 (Security Door) 钥匙卡位置、保险柜 (Safes) 坐标及应急呼叫器刷新点。助你快速积累金币！
图片标注模糊？EasyTools 提供支持 SVG 无损缩放与 WebP 高效导出的通用盖章工具。保留 PNG 透明背景，一键导出 JSON 坐标数据。浏览器本地处理，隐私安全，全格式兼容。
计算逻辑
本工具使用 HTML5 Canvas 在浏览器本地解码图片，并通过 getImageData 读取取色坐标处的 RGBA 像素值。HEX、RGB 和 HSL 都由这个像素值即时换算得到。
主色调提取会按一定步长采样 Canvas 像素，将相近颜色归入同一色桶，再按出现次数排序输出前 5 个颜色。这个结果适合快速生成网页和设计参考色板，但不承诺还原专业摄影工作流中的 ICC / P3 绝对色彩管理。
常见问题
图片会上传到服务器吗？
不会。图片读取、取色、放大镜预览和调色板生成都在你的浏览器本地完成。
如何从图片中获取 HEX 颜色？
选择或粘贴图片后，把鼠标或手指移动到目标位置，当前颜色会实时显示。点击图片即可把颜色保存到历史记录，再点击色块复制 HEX。
支持哪些颜色格式？
工具显示并复制 HEX、RGB 和 HSL，覆盖网页设计和前端开发最常用的颜色格式。
为什么和 Photoshop 里的颜色可能有差异？
浏览器 Canvas 读取的是图片在浏览器中实际渲染后的像素。不同浏览器、显示器色域和图片内嵌色彩配置文件可能造成轻微差异。
手机上可以取色吗？
可以。在移动设备上，你可以用手指在图片上拖动准星，松开或点击即可锁定颜色。