屏幕取色器

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

本地运行 · 无需联网

🎨取色工具

HEX

RGB

HSL

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

🖼️图片取色

点击上传或拖拽图片到此处 支持 PNG、JPG、GIF、WebP 等常见格式

在图片上移动可预览放大区域，点击图片任意位置即可取色

📋批量取色记录

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

📖操作说明

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

屏幕取色器是一款纯本地运行的网页取色工具，支持屏幕取色、图片取色、放大镜预览和批量色值管理。

纯本地运行，无需联网、无需安装支持EyeDropper屏幕取色和图片Canvas取色提供放大镜预览功能，取色更精准支持批量记录颜色并导出JSON色板支持截图粘贴直接取色，操作高效同时显示HEX、RGB、HSL三种色值格式

相关问法：在线取色器网页取色工具屏幕颜色提取图片颜色识别色值查询工具取色小工具颜色拾取器设计取色助手

📖 功能介绍

1. 一键启动屏幕取色，支持系统级 EyeDropper 精准拾取任意像素颜色。 2. 上传图片或直接粘贴截图，在 Canvas 中自由取色，配合放大镜预览细节。 3. 自动转换 HEX、RGB、HSL 三种格式，点击即可复制，方便直接使用。 4. 批量记录多个取色结果，支持一键导出为 JSON 文件，便于管理色板。屏幕取色器让屏幕与图片中的任意颜色，都能被快速、精准地捕获并复用。

📋 常见问题FAQ

这个工具能做什么？

点屏幕或导入图片取色，显示 HEX、RGB、HSL 三种色值，并支持把取到的颜色记录成列表、导出 JSON 文件。
怎么从屏幕上取色？

点击「屏幕取色」按钮，鼠标会变成取色状态，移动到目标位置点击即可取色。取色结果会显示在预览区和色值输入框中。此功能需要浏览器支持 EyeDropper API，在 Chrome、Edge 等浏览器上可用。
怎么从图片里取色？

把图片拖到拖放区，或点击选择文件导入。图片会显示在画布上，鼠标移到画布上即可取色，旁边有放大镜预览，方便对准像素点。
取到的颜色怎么记录和导出？

取色后点击「添加到记录」，颜色会加入列表。列表可导出为 JSON 文件，方便在其他工具中使用。
为什么屏幕取色按钮点了没反应？

多数情况是浏览器不支持 EyeDropper API，或页面不在安全上下文（HTTPS 或 localhost）中。可以改用图片导入取色，或换用 Chrome、Edge 等支持的浏览器打开。
截图能直接粘贴进来取色吗？

可以。复制截图后直接在页面上粘贴，图片会加载到画布中，然后就能在画布上取色。

友情链接