浏览器本地图像工具
图片取色器与图片裁剪工具
从图片或截图中提取 HEX、RGB 和 HSL 颜色代码，生成最近调色板，也可以在浏览器本地裁剪图片区域。
点击或拖拽图片到这里打开
取色和裁剪在浏览器本地完成，适合处理截图、设计稿和网页配色。
100%
图片取色器与本地图片裁剪工具
这个页面适合需要从图片、截图、网页素材或设计稿中提取颜色的用户。你可以点击图片上的任意位置，快速获得 HEX、RGB 和 HSL 颜色代码，也可以选择图片区域并导出 PNG 裁剪结果。
支持的颜色格式
- HEX：常用于 CSS、品牌色和网页设计，例如
#3B82F6。 - RGB：适合需要红、绿、蓝通道数值，或需要写入
rgba()的场景。 - HSL：适合根据色相、饱和度和亮度调整一组相关颜色。
最近调色板
每次图片取色后，页面会保留最近选择的颜色，方便你比较相近色值、复制颜色代码，或整理简单的网页配色方案。
常见问题
图片会上传到服务器吗？
图片取色和裁剪主要通过浏览器 Canvas 完成。正常使用时，图片会在你的浏览器中渲染，不会发送到 Mini-Tools.uk 服务器。
裁剪图片会变模糊吗？
裁剪导出会把选区映射回原图像素，因此下载的 PNG 使用的是原始图片区域，而不是低清预览图。
实用取色流程与适用边界
打开截图、Logo 或设计参考图，放大目标区域并点击准确像素。CSS 可复制 HEX，需要通道数值时使用 RGB，需要生成更亮、更暗或低饱和度的相关颜色时使用 HSL。
- 压缩照片中的抗锯齿和 JPEG 痕迹会产生细微色差，建议检查相邻多个像素。
- 把背景色、文字色和强调色加入设计系统前，可先在最近调色板中并排比较。
- 通过裁剪模式只导出需要的截图区域，再用于文档或支持工单。
准确性与文件限制
取色器显示浏览器解码后的像素值。颜色配置文件、显示器校准、图片压缩和透明像素都会影响视觉效果；超大图片还会受浏览器可用内存限制。