屏幕取色器

功能说明

屏幕取色器是一款实用的在线设计辅助工具，可捕获屏幕上任意位置的颜色，支持 HEX 和 RGB 格式输出。

基于浏览器原生 EyeDropper API 实现，所有操作在本地完成，无需上传任何数据。首次使用需要授权屏幕捕获权限。

使用步骤

1. 点击「开始取色」按钮或按 P 键激活取色器。

2. 鼠标移动到屏幕任意位置，点击即可取色。

3. 取色结果自动显示 HEX 和 RGB 值，点击复制按钮即可复制。

4. 最近取色记录会自动保存，方便快速复用。

常见问题

为什么需要屏幕捕获权限？

取色器需要读取屏幕像素颜色，这是浏览器安全策略要求的。权限仅用于取色，不会上传或保存屏幕内容。

某些浏览器无法使用？

EyeDropper API 目前仅 Chrome/Edge 等 Chromium 内核浏览器支持。Safari/Firefox 暂不支持此功能。

你可能还想问

取到的颜色和实际显示有色差？

屏幕色域与色彩配置文件会影响显示，同一 HEX 在广色域屏与普通屏观感不同；跨设备交付时以 HEX 值为准，不要凭肉眼校色。

支持哪些颜色格式？

HEX、RGB、HSL 三种主流格式互查，选色时实时联动；做 UI 设计常用 HEX，做动效调色用 HSL 更直观（只动饱和度或亮度）。

能记录取过的颜色吗？

取过的颜色会暂存为历史色板，方便对比挑选；确定方案后逐个复制 HEX 即可，历史记录存于本地，刷新页面不丢失。

相关工具

相关内容