屏

屏幕取色器

网页上点一下就能吸色,得到 HEX / RGB / HSL;也能上传截图放大后逐像素取色。

类型在线工具,免安装处理方式浏览器本地完成,不上传费用完全免费更新2026-10-22
需要 Chrome / Edge 95+

把截图拖到这里,或点击选择图片

鼠标在图上移动就能实时取色,点击即取该像素 · 支持 PNG / JPG / WebP · 图片不上传服务器,全程本地处理

使用说明

  1. 先在下方输入框里填入要取色的十六进制色值(比如 #3b82f6),这是最稳的取色方式,任何浏览器都能用。
  2. 浏览器支持 EyeDropper 吸管时,点「从屏幕吸色」,光标会变成十字,在屏幕任意位置点一下即可取到该点的颜色。
  3. 吸管不可用的时候,按 PrintScreen 或 Win+Shift+S 截一张图,然后把图片拖到取色区。
  4. 图片加载后鼠标在图上移动即可实时取色,点击可锁定该点,还支持放大 1-16 倍看清边缘像素。
  5. 取到颜色后,在结果格里点任意一个色值即可复制,HEX、RGB、HSL 互转同时给出。

常见问题

吸管点了没反应是怎么回事?

EyeDropper API 目前只有 Chrome、Edge 等 Chromium 系浏览器从 95 版起支持,Firefox 和 Safari 以及部分内嵌浏览器(微信、QQ 内置浏览器)都没有实现。另外它必须运行在 HTTPS 或本地环境,并且在页面真正获得焦点时才能调用。不支持时会直接提示改用截图取色。

吸管能不能吸取浏览器以外的窗口?

可以。EyeDropper 是系统级的,吸管激活后你可以切到任何一个窗口、桌面或图片上点击取色。但这意味着鼠标点击会被吸管接管,取色模式下无法操作其他软件,取完按 Esc 或点一下即退出。

上传的图片会不会被传出去?

不会。图片用 File API 读进浏览器内存后画在 canvas 上,逐像素读颜色,整个过程零网络请求。断网状态下同样可以取色,公司内网的敏感截图也可以直接用。

为什么同一个位置取到的颜色和肉眼看到的不一样?

多半是取到了抗锯齿或阴影过渡的像素。图标边缘、文字描边、渐变区域的颜色是逐像素变化的,放大到 8 倍以上再用方向键微调,就能看清每个像素的真实色值。另外显示器色偏、夜间模式、浏览器色彩管理等也会影响视觉判断。

HSL 和 HEX 哪个更适合写代码?

HEX 适合直接写进 CSS,体积小、兼容性最好;HSL 适合需要调明暗和饱和度的场景,比如同一套主题做深色模式,把 L 从 50% 调到 30% 就行。两者可以无损互转,只是 RGB 到 HSL 的转换会有浮点误差,页面里做了四舍五入。

支持透明背景的图片吗?

支持。透明像素的 alpha 是 0,页面会显示成棋盘格,取色结果里会标注 0% 不透明度,避免把「透明」误当成黑色。

标签

取色吸管颜色色值

本工具的所有处理都在你的浏览器里完成,不需要注册、不需要安装,也不会上传你的数据。

金

金额大写转换

在线使用 转换工具

输入 12345.67,立刻给出「壹万贰仟叁佰肆拾伍元陆角柒分」这种财务规范大写,零和整都不用自己判断。

金额大写人民币打开工具 →
房

房贷计算器

在线使用 转换工具

输入贷款金额、利率、年限,同时算出等额本息和等额本金的月供与总利息,差多少一目了然。

房贷等额本息打开工具 →
倒

倒数日 / 年龄计算

在线使用 转换工具

输入两个日期,算出相差几年几月几天、总共多少天,还能顺便算下一个生日倒数。

倒数日年龄打开工具 →
时

时间计算器

在线使用 转换工具

选两个日期,相差几年几月几天、总天数、总小时一次算清,跨月跨年不用自己数。

时间日期打开工具 →