推荐资源
即梦AI
抖音出品 AI视频图片生成
Envato Elements
无限下载设计素材与模版
Eagle
图片素材文献管理神器
Setapp
畅享240+款Mac优质应用
浏览器原生 API
屏幕取色器
利用 EyeDropper API,让您轻松吸取屏幕上任何位置的颜色(不仅限于网页内部)。一键获取 Hex 和 RGB 代码。
💡 如何吸取浏览器外部颜色?
请先将当前浏览器窗口缩小(取消最大化),露出桌面或其他软件界面。点击按钮后,将鼠标移出窗口即可吸取任意位置的颜色。
⚠️ 注意:取色时请保持本页面处于开启状态,不要最小化到任务栏。
关于屏幕取色器
以往,如果您想吸取网页之外的颜色(例如桌面图标、另一个软件界面),通常需要安装专门的取色软件插件。 现在,借助浏览器原生的 EyeDropper API,您可以直接在网页中调用系统级的吸管工具,轻松获取屏幕上任意像素的颜色代码,无需安装任何额外扩展。
如何使用
- 点击按钮:点击上方的“点击开始吸色”大按钮。
- 选择颜色:您的鼠标指针会变成一个放大镜吸管。移动鼠标到屏幕上的任意位置(包括浏览器外部),点击左键。
- 获取代码:选中颜色后,页面会自动显示该颜色的 HEX 和 RGB 代码,点击即可复制。
- 取消操作:如果想取消取色,只需按下键盘上的
Esc键。
常见问题
为什么我的浏览器无法使用?
EyeDropper API 目前是一项实验性功能,主要支持 Chrome (95+)、Edge (95+) 和 Opera 等基于 Chromium 内核的桌面浏览器。Safari 和 Firefox 暂时不支持此功能。移动端浏览器也不支持屏幕全局取色。
取色会有色差吗?
EyeDropper 获取的是屏幕上像素的实际 sRGB 值。如果您的显示器使用了特定的色彩配置文件(Color Profile),或者您吸取的对象本身带有半透明效果,取到的颜色可能与您预期的原始设计值有细微差别。
专注白噪音
雨声Lofi,为设计提供完美背景音。
精选神器
AD阿里云
爆款云服务器特惠抢购
腾讯云
云产品特惠 性价比首选
腾讯元宝
免费DeepSeek AI助手

小绿鲸
英文文献阅读 科研必备
ADVERTISEMENT
