广告
×
📱 手机扫码访问
用手机浏览器或微信扫一扫,即可在手机上访问当前页面
手机扫码访问
扫描后可直接在手机上使用该工具
×
📱 分享「屏幕取色器」
屏幕取色器
点屏幕或图片取色,显示色值并支持记录导出。
分享二维码
二维码加载失败
https://www.toolwan.cn/tool/Screen-Color-Picker/
https://www.toolwan.cn/tool/Screen-Color-Picker/
长按上方二维码即可保存,分享给微信 / QQ 好友

屏幕取色器

纯本地运行,支持屏幕任意位置取色与上传图片取色,数据不上传服务器

本地运行 · 无需联网

🎨取色工具

提示:点击「从屏幕取色」可提取屏幕任意位置颜色;若浏览器不支持,请使用下方「图片取色」功能,或直接粘贴截图。

🖼️图片取色

点击上传或拖拽图片到此处 支持 PNG、JPG、GIF、WebP 等常见格式
在图片上移动可预览放大区域,点击图片任意位置即可取色

📋批量取色记录

暂无记录,取色后点击「加入批量列表」即可批量管理颜色

📖操作说明

  1. 点击「从屏幕取色」按钮,再点击屏幕上任意位置,即可获取该位置颜色。
  2. 若浏览器不支持屏幕取色,可上传图片后在图片上点击取色,或直接使用 Ctrl+V 粘贴截图。
  3. 取到颜色后,可一键复制 HEX / RGB / HSL 值。
  4. 点击「加入批量列表」可保存多个颜色,支持导出 JSON 与一键清空。

版权声明:本工具由 ToolWan 在线工具站提供,代码可自由用于学习与交流。

免责条款:本工具仅在浏览器本地运行,不上传任何图片或颜色数据;因浏览器差异导致的功能限制,请以实际使用效果为准。

屏幕取色器是一款纯本地运行的网页取色工具,支持屏幕取色、图片取色、放大镜预览和批量色值管理。
  • 纯本地运行,无需联网、无需安装 支持EyeDropper屏幕取色和图片Canvas取色 提供放大镜预览功能,取色更精准 支持批量记录颜色并导出JSON色板 支持截图粘贴直接取色,操作高效 同时显示HEX、RGB、HSL三种色值格式
相关问法: 在线取色器 网页取色工具 屏幕颜色提取 图片颜色识别 色值查询工具 取色小工具 颜色拾取器 设计取色助手
📖 功能介绍
1. 一键启动屏幕取色,支持系统级 EyeDropper 精准拾取任意像素颜色。 2. 上传图片或直接粘贴截图,在 Canvas 中自由取色,配合放大镜预览细节。 3. 自动转换 HEX、RGB、HSL 三种格式,点击即可复制,方便直接使用。 4. 批量记录多个取色结果,支持一键导出为 JSON 文件,便于管理色板。 屏幕取色器让屏幕与图片中的任意颜色,都能被快速、精准地捕获并复用。
📋 常见问题FAQ
  • 问题:屏幕取色器支持哪些取色方式? 答案:支持通过 EyeDropper 从屏幕任意位置取色、从本地图片取色(Canvas 处理),以及从剪贴板粘贴的截图取色。 问题:取色后能看到哪些颜色格式? 答案:取色后同时显示 HEX、RGB 和 HSL 三种格式,方便直接复制使用。 问题:放大镜预览有什么作用? 答案:放大镜预览可以精准显示鼠标指针附近的像素区域,帮助您准确选取目标颜色,避免误选。 问题:可以批量记录多个颜色吗? 答案:可以,您可以将取到的颜色逐个加入批量记录列表,方便后续统一查看或导出。 问题:如何导出记录的颜色数据? 答案:您可以将批量记录的颜色列表导出为 JSON 文件,便于保存或导入其他设计工具。 问题:是否支持从剪贴板粘贴图片取色? 答案:支持,您可以直接粘贴剪贴板中的截图,工具会自动加载图片供您取色。 问题:取色器是本地运行的吗?需要联网吗? 答案:是的,工具完全在本地运行,所有取色和颜色处理均在浏览器内完成,无需联网,保护您的隐私。 问题:支持哪些浏览器使用屏幕取色功能? 答案:屏幕取色(EyeDropper)功能需要浏览器支持该 API,推荐使用最新版 Chrome 或 Edge 浏览器以获得完整功能。