取色说明
取色器会把图片绘制到浏览器 Canvas 中，并读取你在预览图中点击位置的像素颜色。
它会返回 HEX 和 RGB 值，适合设计交接、CSS 编写和快速匹配界面颜色。
图片取色器
图片预览选择一张图片开始。
选择一张图片开始。
点击图片取色。
已取颜色
点击图片取色。
使用方式
- 1从设备选择图片。
- 2点击预览图上的一个位置取样颜色。
- 3复制 HEX、RGB，或打开调色板生成器获取更多颜色。
隐私与限制
- 图片保留在浏览器中。
- 如果浏览器应用不同色彩管理，色值可能有细微差异。
- 取样细小元素前，可以先在源图片中放大。
常见使用场景
- 从 Logo 中提取品牌色
- 从截图中采样界面颜色
- 为 CSS 复制产品色参考
颜色说明
- 部分图片的浏览器色彩管理可能影响精确值。
- 很小的细节建议使用高分辨率源图采样。
- 透明像素可能返回 Canvas 合成后的颜色。
原创测试样例
- 上传 Logo 并点击主品牌色，复制 HEX 值。
- 当一个精确颜色不够时，继续使用调色板生成器。
常见问题
我的图片会上传吗？
不会。ImgShrink 会在浏览器中处理你选择的图片，不会把图片上传到服务器。
工具能保证精确文件体积吗？
不能。目标体积压缩会尽量接近指定大小，但最终字节数取决于图片细节、尺寸、格式和浏览器编码。
为什么某些输出格式不可用或结果不同？
图片解码和导出能力由浏览器决定。有些浏览器可能不支持 AVIF 导出，或会把不支持的透明区域铺底。
来源与兼容性说明
此工具基于浏览器图片解码和 Canvas 导出能力，并按当前 ImgShrink 实现进行核对。
最近核对: 2026-09-07
说明
- 不使用服务端图片处理。
- 输出格式支持取决于浏览器。
- 动图和元数据不作为保证保留的信息。