屏幕取色器
屏幕取色器:吸取屏幕任意颜色或上传图片点击取色,HEX/RGB/HSL 一键复制,历史色板回填。本地运行,不上传。
取色
当前浏览器不支持屏幕取色(EyeDropper),请使用最新版 Chrome / Edge;也可以上传图片后在画布上点击取色。
上传图片后,在此画布上点击或拖动取色
当前颜色
尚未取色,请从屏幕吸取或上传图片取色。
取色历史
暂无记录,取色后会自动保存在这里。
关于「屏幕取色器」
设计、前端或排版时想「抄」一个颜色,不用再截图进 PS。可以直接吸取屏幕任意位置,也可以上传图片在画布上点击取色,色值一键复制,最近取色自动留存。
本地处理不上传服务器免费使用
适用场景
- 看到喜欢的网页或软件界面想取它的颜色
- 从设计稿截图里取准确的色值
- 为 CSS / 主题配置收集一组配色
- 比对两张图片中的颜色是否一致
使用步骤
- 点击「吸取屏幕颜色」或上传图片
- 在屏幕任意位置点击,或在图片画布上点击/拖动
- 复制 HEX / RGB / HSL 色值
- 需要时在历史色块中回填
常见问题
为什么我的浏览器不能吸取屏幕颜色?
屏幕吸取依赖 EyeDropper API,目前仅 Chrome、Edge 等 Chromium 系浏览器支持;不支持的浏览器会提示,可改用上传图片取色。
图片取色的精度如何?
按原始像素逐点读取,画布缩小时坐标会自动换算回对应像素;需要像素级精确时建议使用原尺寸图片。
取色历史保存在哪里?
只保留在当前页面会话中,最多 12 个,刷新页面后清空。
图片会上传到服务器吗?
不会。图片解析与像素读取都在浏览器本地完成,文件不会离开本机。