免费在线屏幕取色器吸管工具
用系统级吸管取屏幕上任意位置的颜色,包括网页之外的图片、设计稿与视频画面,一次点击即得十六进制、RGB、HSL 多种色值并自动复制,免安装、免截图再导软件。
- 吸管取到的是屏幕像素,永远不带透明度:需要 alpha 时,取完色拖动「透明度」滑条补上。
- 要取网页之外的颜色,先把本窗口缩小一点,让目标露出来。
- 鼠标对不准时,用键盘的 ↑ ↓ ← → 逐像素微调,再按回车确认。
- 按钮没有反应,请换成最新版 PC 的 Edge 或 Chrome;也可以直接用「手动指定颜色」。
色值结果
点一下色值即整行选中
- hex
#ffeef2- rgb
rgb(255, 238, 242)- rgba
rgba(255, 238, 242, 1)- hsl
hsl(346, 100%, 97%)- hsla
hsla(346, 100%, 97%, 1)- hsv
hsv(346, 7%, 100%)- cmyk
cmyk(0%, 7%, 5%, 0%)
手动指定颜色
历史颜色
取一次色,这里就会出现最近 8 个颜色;点击色块即可再次复制。
RGB 色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B) 三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB 即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是运用最广的颜色系统之一。
HSL (Hue 色相, Saturation 饱和度, Lightness 亮度) 是一种将 RGB 色彩模型中的点在圆柱坐标系中的表示法。
- 色相(H)是色彩的基本属性,就是平常所说的颜色名称,如红色、黄色等。
- 饱和度(S)是指色彩的纯度,越高色彩越纯,低则逐渐变灰,取 0-100% 的数值。
- 亮度(L)0% 是最暗,50% 均值,100% 最亮。
HSV (Hue, Saturation, Value) 是根据颜色的直观特性由 A. R. Smith 在 1978 年创建的一种颜色空间,也称六角锥体模型(Hexcone Model)。
CMYK 是一种用于印刷品依靠反光的色彩模式,我们是怎样阅读报纸的内容呢?是由阳光或灯光照射到报纸上,再反射到我们的眼中,才看到内容。它需要有外界光源,如果你在黑暗房间内是无法阅读报纸的。
RGBA 颜色转十六进制颜色码过程,R、G、B 都是 0~255 的数字,可以直接由十进制转成十六进制。透明度 A 是 0%~100% 的数字,先转成对应的 0~255 的数字(A*255),再转换成十六进制。例如,RGB (255,238,242) 转成十六进制颜色代码是 #ffeef2,RGBA (255,238,242,0.6) 转成十六进制颜色代码是 #ffeef299。
🔒 取色在浏览器本地完成
在线屏幕取色借用浏览器提供的取色能力:点一下吸管,鼠标变成系统取色工具,指向屏幕上任何像素(包括其它应用、设计稿、图片查看器甚至视频帧)确认后立刻拿到颜色,同时给出 HEX、RGB、HSL 三种写法与预览。 怎么用:① 点击「开始取色」;② 用出现的系统吸管指向目标像素并确认;③ 色值即刻出现在结果区,点复制即可粘贴到代码或设计稿里。要连续取多个颜色就重复这两步,历史结果会列在页面里方便对比。 参数与边界:该能力目前由 Chrome、Edge 等浏览器的桌面版提供,Firefox 与多数移动端浏览器不支持,页面会给出提示而不是报错;浏览器没有权限读取屏幕时也会退回提示状态;取色精度取决于屏幕像素,抗锯齿边缘会带出过渡色,建议在纯色区域中心取点。 典型场景:临摹别家页面的主色、把设计师发的图片里的色值抄进样式表、给图表配色、检查对比度是否达标、快速记录某个品牌色。 注意事项:取色过程在本地完成,颜色值不会上传,也不会截图保存任何图像;需要按图片文件提取主色请用「图片主题色提取器」,需要成套配色方案请用色板工具。
它能取到哪些位置的颜色?
屏幕上任意像素:本页面、其它网页、桌面软件、图片查看器、视频画面都行。它取的是屏幕显示的颜色,不是文件里的原始色值。
三步怎么用?
第一步点「开始取色」;第二步用系统吸管指向目标像素并确认;第三步在结果区复制 HEX、RGB 或 HSL 色值。
提示不支持或按钮点不动怎么办?
这通常是环境不支持而非操作错误:该功能需要 Chrome 或 Edge 的桌面版,Firefox、Safari 与手机端浏览器不提供系统取色能力;另外浏览器窗口需要获得屏幕读取权限。请换支持的浏览器重试。
取到的颜色和截图会被上传吗?
不会。整个过程在浏览器本地完成,页面只拿到你选中的那个色值,不上传截图、不保存取色记录。