DevTools
返回

颜色吸管

从屏幕任何位置提取颜色

Loading…

什么是颜色吸管(取色器工具)?

颜色吸管(也称为取色器、拾色器或吸管工具)是一个强大的工具,可让您从屏幕上的任何位置提取和拾取颜色 - 不仅是浏览器,还包括任何应用程序、设计或图像。使用现代 EyeDropper API,您只需单击一下即可捕获准确的颜色代码。

使用方法

点击「从屏幕提取颜色」按钮,您的光标将变为吸管。将其移动到屏幕上的任何位置(甚至在浏览器外部),然后单击以捕获颜色。该工具将以多种格式(HEX、RGB、HSL)显示颜色,并带有一键复制按钮。

屏幕取色器主要功能

从屏幕上的任何位置提取和采样颜色,不限于浏览器窗口。以多种格式(HEX、RGB、HSL)获取即时颜色代码。自动颜色历史跟踪,最多保存 20 种最近的颜色。任何格式一键复制。作为通用取色器与任何应用程序配合使用 - Figma、Photoshop、网站、图像等。

用例

非常适合从竞争对手网站提取品牌颜色的设计师、匹配设计规范的开发人员、创建调色板的数字艺术家、分析配色方案的 UI/UX 设计师,以及任何需要从屏幕获取精确颜色值的人。

常见问题

哪些浏览器支持此工具?

EyeDropper API 在 Chrome 95+、Edge 95+ 和 Opera 81+ 中受支持。Firefox 和 Safari 目前不支持此功能。

我可以从浏览器外部提取颜色吗?

是的!这是此工具的主要优势。您可以从屏幕上的任何应用程序提取颜色 - Photoshop、Figma、其他浏览器、桌面壁纸或任何可见窗口。

颜色历史记录如何存储?

颜色历史记录使用 localStorage 在浏览器中本地存储。该工具保留您最后 20 个拾取的颜色,这些数据永远不会离开您的设备。

有哪些可用的颜色格式?

该工具提供 HEX(#RRGGBB)、RGB(rgb(r, g, b))和 HSL(hsl(h, s%, l%))格式的颜色,每种格式都有即时复制按钮。

我的屏幕数据会发送到任何服务器吗?

不会。所有颜色提取都使用原生 EyeDropper API 在浏览器中本地进行。没有截图或数据会发送到任何服务器。

我可以在移动设备上使用吗?

不幸的是,EyeDropper API 目前仅在桌面浏览器(Chrome、Edge、Opera)上可用。移动浏览器尚不支持此功能。