如何使用
- 点击“选择图片”、拖入图片，或直接按 Ctrl+V / Cmd+V 粘贴截图。
- 在图片上移动鼠标或手指，查看实时 HEX、RGB、HSL 颜色值和放大镜预览。
- 点击想保留的位置，颜色会进入取色历史。
- 点击“提取主色调”，生成图片调色板，并复制需要的色值。
示例场景：把产品截图粘贴进工具，吸取按钮主色，复制 HEX 到 CSS 或设计稿中。
核心功能
- 本地图片取色：图片只在浏览器 Canvas 中渲染和读取像素，不会上传到服务器。
- 像素级 HEX/RGB/HSL：移动鼠标或拖动手指，即时查看当前像素的 HEX、RGB 和 HSL 颜色值。
- 放大镜准星辅助：局部放大预览帮助你对准图标边缘、UI 截图细节和细小色块。
- 图片调色板生成：在浏览器内统计图片像素，提取最多 5 个适合设计参考的主色调。
- 点击保存与复制：点击图片保存取色历史，点击色块即可复制颜色代码。
相关工具
2026 最新 FIRE 财务自由计算器(剔除通胀版)。拒绝虚高数字，精准模拟实际购买力下的复利增长。支持 4% 法则验证与养老金缺口反向推算。支持一键导出 CSV，完美适配 Excel 或 Notion 财务看板。隐私优先，本地计算零上传。
根据账户资金、风险比例、入场价和止损价计算交易仓位。所有计算在浏览器本地完成，不上传账户数据，可对比多档风险方案。
输入本金、定期投入、年化收益率和投资年限，计算复利增长结果，并用交互式图表展示本金、利息和最终总额。数据仅在本地计算。
使用 Loan Calculator / Mortgage Calculator 在浏览器本地计算月供、总利息与还款明细。输入贷款额、年利率和期限，立即查看图表与还款计划表。
使用 Investment Calculator / ROI Calculator 在浏览器本地估算初始本金、每月定投、年化回报率和通胀后的投资结果。立即查看复利图表、本金/收益拆解、ROI 与年度明细。
使用 APR to APY Calculator 在浏览器本地完成 APR/APY 双向换算。输入利率并选择复利频率，立即查看有效年利率、差值和多频率对比表。
使用这款利润率计算器在浏览器本地计算毛利、Margin 和 Markup。输入成本和售价，或输入成本与目标毛利率，立即推算售价并避免把加价率误当利润率。
使用 CPM 与 CPC 计算器在浏览器本地测算广告花费、展示量、点击量、CPM、CPC 和 CTR。输入预算与目标成本，快速推演可获得的曝光或点击。
计算逻辑
本工具使用 HTML5 Canvas 在浏览器本地解码图片，并通过 getImageData 读取取色坐标处的 RGBA 像素值。HEX、RGB 和 HSL 都由这个像素值即时换算得到。
主色调提取会按一定步长采样 Canvas 像素，将相近颜色归入同一色桶，再按出现次数排序输出前 5 个颜色。这个结果适合快速生成网页和设计参考色板，但不承诺还原专业摄影工作流中的 ICC / P3 绝对色彩管理。
常见问题
图片会上传到服务器吗？
不会。图片读取、取色、放大镜预览和调色板生成都在你的浏览器本地完成。
如何从图片中获取 HEX 颜色？
选择或粘贴图片后，把鼠标或手指移动到目标位置，当前颜色会实时显示。点击图片即可把颜色保存到历史记录，再点击色块复制 HEX。
支持哪些颜色格式？
工具显示并复制 HEX、RGB 和 HSL，覆盖网页设计和前端开发最常用的颜色格式。
为什么和 Photoshop 里的颜色可能有差异？
浏览器 Canvas 读取的是图片在浏览器中实际渲染后的像素。不同浏览器、显示器色域和图片内嵌色彩配置文件可能造成轻微差异。
手机上可以取色吗？
可以。在移动设备上，你可以用手指在图片上拖动准星，松开或点击即可锁定颜色。