屏幕取色器怎么用：吸取屏幕与图片取色
做设计、写 CSS、配主题时，常常想「借用」别处看到的一个颜色。本工具提供两种取色入口：支持 EyeDropper 的浏览器可直接吸取屏幕任意位置；任何浏览器都可以上传图片，在画布上点击或拖动取色。
最近更新：2026年8月13日
需要马上处理？使用 屏幕取色器 ，浏览器本地完成，不上传服务器。
打开屏幕取色器吸屏幕：先看浏览器支持
「吸取屏幕颜色」依赖 EyeDropper API，目前 Chrome、Edge 等 Chromium 系浏览器支持。点击按钮后鼠标变成吸管，移到任意位置点击即取色，按 Esc 可取消。
若浏览器不支持，页面会给出提示，此时用「上传图片取色」作为替代：先截图保存，再上传点击取色，效果相同。
图片取色：坐标与历史
上传图片后，画布上按住拖动可连续预览颜色，松开即确认；坐标提示帮助你对齐像素位置。取到的颜色以大色块展示，HEX、RGB、HSL 三个值都可单独复制。
最近 12 个颜色自动存入历史色板，点击色块即可回填到「当前颜色」，方便在一组配色之间反复比较。
操作步骤
- 打开「屏幕取色器」
- 点击「吸取屏幕颜色」，或上传图片后在画布上点击取色
- 复制需要的 HEX / RGB / HSL 色值
- 在历史色板中点击回填对比颜色
常见问题
取色准确吗？
按像素读取原始色值；屏幕吸色受系统色彩管理影响，取界面截图再取色可作为交叉验证。
可以取到透明色吗？
图片取色读取的是合成后的 RGB 值，不返回透明度通道。
图片会上传到服务器吗？
不会。图片解析与像素读取都在浏览器本地完成。