推荐资源
即梦AI

即梦AI

抖音出品 AI视频图片生成

Envato Elements

Envato Elements

无限下载设计素材与模版

Eagle

Eagle

图片素材文献管理神器

Setapp

Setapp

畅享240+款Mac优质应用

浏览器原生 API

屏幕取色器

利用 EyeDropper API,让您轻松吸取屏幕上任何位置的颜色(不仅限于网页内部)。一键获取 Hex 和 RGB 代码。

💡 如何吸取浏览器外部颜色?

请先将当前浏览器窗口缩小(取消最大化),露出桌面或其他软件界面。点击按钮后,将鼠标移出窗口即可吸取任意位置的颜色。

⚠️ 注意:取色时请保持本页面处于开启状态,不要最小化到任务栏。

关于屏幕取色器

以往,如果您想吸取网页之外的颜色(例如桌面图标、另一个软件界面),通常需要安装专门的取色软件插件。 现在,借助浏览器原生的 EyeDropper API,您可以直接在网页中调用系统级的吸管工具,轻松获取屏幕上任意像素的颜色代码,无需安装任何额外扩展。

如何使用

  1. 点击按钮:点击上方的“点击开始吸色”大按钮。
  2. 选择颜色:您的鼠标指针会变成一个放大镜吸管。移动鼠标到屏幕上的任意位置(包括浏览器外部),点击左键。
  3. 获取代码:选中颜色后,页面会自动显示该颜色的 HEX 和 RGB 代码,点击即可复制。
  4. 取消操作:如果想取消取色,只需按下键盘上的 Esc 键。

常见问题

为什么我的浏览器无法使用?
EyeDropper API 目前是一项实验性功能,主要支持 Chrome (95+)Edge (95+) 和 Opera 等基于 Chromium 内核的桌面浏览器。Safari 和 Firefox 暂时不支持此功能。移动端浏览器也不支持屏幕全局取色。
取色会有色差吗?
EyeDropper 获取的是屏幕上像素的实际 sRGB 值。如果您的显示器使用了特定的色彩配置文件(Color Profile),或者您吸取的对象本身带有半透明效果,取到的颜色可能与您预期的原始设计值有细微差别。

专注白噪音

雨声Lofi,为设计提供完美背景音。

精选神器

AD
阿里云

阿里云

爆款云服务器特惠抢购

腾讯云

腾讯云

云产品特惠 性价比首选

腾讯元宝

腾讯元宝

免费DeepSeek AI助手

小绿鲸

小绿鲸

英文文献阅读 科研必备

ADVERTISEMENT