工具箱图标
XTools
Blog
/
颜色格式转换对比度检查渐变生成器图片取色板配色生成器色盲模拟图片取色器

© 2026 XTools. 保留所有权利.

隐私政策联系我们

    图片取色器

    放大图片,拾取任意像素的精确颜色
    • 文件不会离开你的设备
    • 在浏览器本地运行
    • 免费、免注册、无水印

    拖放图片到这里,或点击选择

    支持 JPG、PNG、WebP、GIF、HEIC、AVIF · 也可以用 Ctrl+V / ⌘V 粘贴

    取色记录

    点击图片即可取色。取到的颜色会自动复制并保存在这里。

    相关工具

    • 颜色格式转换
    • 对比度检查
    • 渐变生成器
    • 图片取色板
    • 配色生成器
    • 色盲模拟

    如何使用图片取色器

    从图片中精确拾取像素颜色,支持最高 6400% 缩放、像素网格和放大镜。每次取色都会复制 HEX,并显示 RGB、HSL 和 OKLCH;3×3 或 5×5 平均取样可以减少照片噪点的干扰。

    1. 1

      拖入图片(JPG、PNG、WebP、GIF、HEIC 或 AVIF),或点击选择。

    2. 2

      滚动滚轮或双指缩放,拖动平移;「适应窗口」和 1:1 可以复位视图。

    3. 3

      悬停时在放大镜里查看像素,选择「取样范围」(1 像素、3×3 或 5×5),点击即可取色。

    4. 4

      HEX 会立即复制;RGB、HSL、OKLCH 可在侧栏复制,之前的颜色在「取色记录」里。

    常见问题

    图片会上传吗?

    不会,图片在浏览器里读取。只有取过的颜色 HEX(最多 48 个)会保存在本地存储里,刷新后记录还在;点「清空记录」即可删除。

    为什么相邻像素的颜色略有不同?

    照片里有传感器噪点和 JPEG 压缩痕迹。把「取样范围」设为 3×3 或 5×5,就会取指针周围像素的平均色。

    能拾取图片以外的颜色吗?

    在 Chrome、Edge 等 Chromium 内核浏览器中,「从屏幕取色」可以拾取屏幕上任意位置的颜色;其他浏览器会隐藏这个按钮。

    可以用键盘操作吗?

    可以。选中图片区域后,方向键移动光标(按住 Shift 每次移动 10 像素),Enter 取色,+ 和 − 缩放,0 适应窗口。

    和「图片取色板」有什么区别?

    这个工具给出你指定像素的精确颜色;「图片取色板」则把整张图片概括成几种代表色。