当前浏览器不支持 EyeDropper API,请使用 Chrome 95+ 或 Edge 95+。可改用下方的原生颜色选择器或直接输入 HEX 值。
#1F3FD9

颜色信息

点击任意格式值可快速复制
快速投递
将拾取的颜色应用到当前项目并直接跳转,无需手动复制粘贴

屏幕拾色工具使用说明

屏幕拾色工具,使用浏览器EyeDropper API从屏幕任意位置拾取颜色,实时获取HEX、RGB、HSL色值,可直接应用到当前项目色板,需Chrome/Edge。 基于浏览器原生 EyeDropper API 实现,可以拾取屏幕上任意位置的颜色,不局限于当前网页内容。

适合参考其它软件、图片或设计稿里的颜色时快速取样,取到的颜色能直接接入当前项目色板继续使用。

常见问题

  • 怎么从屏幕上取色? 点击吸管按钮,借助浏览器 EyeDropper API 可拾取屏幕任意像素,立即得到它的 HEX、RGB、HSL 值。
  • 哪些浏览器支持屏幕拾色? EyeDropper API 在当前 Chrome、Edge 等 Chromium 浏览器可用。不支持时按钮会隐藏。
  • 可以拾取浏览器以外的颜色吗? 可以——吸管能取屏幕任意位置的颜色,包括其它应用和图片,不只是当前网页。