屏幕取色器

屏幕取色器:吸取屏幕任意颜色或上传图片点击取色,HEX/RGB/HSL 一键复制,历史色板回填。本地运行,不上传。

取色

当前浏览器不支持屏幕取色(EyeDropper),请使用最新版 Chrome / Edge;也可以上传图片后在画布上点击取色。

上传图片后,在此画布上点击或拖动取色
当前颜色

尚未取色,请从屏幕吸取或上传图片取色。

取色历史

暂无记录,取色后会自动保存在这里。

关于「屏幕取色器」

设计、前端或排版时想「抄」一个颜色,不用再截图进 PS。可以直接吸取屏幕任意位置,也可以上传图片在画布上点击取色,色值一键复制,最近取色自动留存。

本地处理不上传服务器免费使用

适用场景

  • 看到喜欢的网页或软件界面想取它的颜色
  • 从设计稿截图里取准确的色值
  • 为 CSS / 主题配置收集一组配色
  • 比对两张图片中的颜色是否一致

使用步骤

  1. 点击「吸取屏幕颜色」或上传图片
  2. 在屏幕任意位置点击,或在图片画布上点击/拖动
  3. 复制 HEX / RGB / HSL 色值
  4. 需要时在历史色块中回填

常见问题

为什么我的浏览器不能吸取屏幕颜色?

屏幕吸取依赖 EyeDropper API,目前仅 Chrome、Edge 等 Chromium 系浏览器支持;不支持的浏览器会提示,可改用上传图片取色。

图片取色的精度如何?

按原始像素逐点读取,画布缩小时坐标会自动换算回对应像素;需要像素级精确时建议使用原尺寸图片。

取色历史保存在哪里?

只保留在当前页面会话中,最多 12 个,刷新页面后清空。

图片会上传到服务器吗?

不会。图片解析与像素读取都在浏览器本地完成,文件不会离开本机。

相关教程