在线取色器
选一张图片,在图片上点击或轻触,就得到那个像素的颜色值。图片只在你的浏览器里处理,不会上传。
使用限制
- 取到的是浏览器解码图片后的 sRGB 数值。带 ICC 色彩配置文件的图片(如 Display P3、Adobe RGB 照片),浏览器可能已经把颜色转换成了 sRGB,所以和设计软件里显示的数值可能不同;本工具不做色彩管理。
- 透明或半透明的像素只给出它的 RGB 值,并提示透明度;画布不会把它和背景混合。
- JPEG、WebP 等有损格式的相邻像素本来就会有细微差别,点不同的位置可能得到略有不同的值。
- 屏幕取色依赖浏览器的 EyeDropper 接口,Firefox 和 Safari 目前不支持,按钮会隐藏;此时请用图片取色。
- 单边超过 12000 像素或总像素超过 1 亿的图片,以及超过 60MB 的文件,不处理并提示。
你的浏览器不支持“吸取屏幕颜色”(目前只有 Chrome、Edge 等基于 Chromium 的浏览器支持),请用上面的方式选一张图片来取色。
点击或轻触图片取色;选中画布后,用方向键可以逐像素微调。
当前颜色
最近取过的颜色
使用方法
- 点“选择图片”,选一张本地图片。
- 在图片上点击(手机上轻触)任意位置,右边的放大镜显示取色点周围 11×11 个像素,正中间的格子就是取到的那个像素。
- 下面显示它的 HEX、RGB、HSL,点“复制”拷走;最近取过的 12 个颜色保留在列表里,点一下可复制。
- 图片很大、缩小显示时,一次点击对应多个像素,想精确到某个像素,选中画布(点一下它)后用键盘方向键逐像素移动。
- 在 Chrome、Edge 里还会出现“吸取屏幕上的颜色”按钮,可以直接吸取屏幕上任意位置的颜色(包括其它窗口)。
常见问题
手机上怎么取色?
选一张图片后在图片上轻触即可。轻触位置按图片真实像素换算,屏幕缩放、高分屏都不会让取色点偏移。
为什么取到的颜色和设计软件不一样?
多半是色彩空间不同:设计软件可能按图片自带的色彩配置文件显示,而本工具读取的是浏览器解码后的 sRGB 值。
我的图片会被上传吗?
不会,图片只在你的浏览器内存里解码,不会发送到任何服务器。