图片取色器

在图片上点一下就能取到那个像素的颜色,HEX、RGB、HSL 一起给,还能用方向键一像素一像素地微调。

选择图片,或者直接把文件拖进这个面板,也可以粘贴剪贴板里的截图。图片只在这台浏览器里处理,不会上传。

选择图片后点击取色

怎么用

选一张图之后,鼠标移到图上会出现一个放大镜,里面的每个小方块就是一个原始像素,中间被方框圈住的那个就是当前对准的像素。点一下确定取色,色值立刻显示在下面,同时记进「最近取过」。如果只是想看看某个位置的颜色,移动鼠标就够了,只有点击才会记进历史。

对准之后可以用方向键一像素一像素地挪,按住 Shift 一次挪十个像素。取色点靠边时放大镜会自动调整位置,不会跑出画面;靠右或靠下时它会翻到指针的另一侧。

取到的值是怎么算的

HEX 就是红绿蓝三个通道的十六进制写法,比如 #0C6B4D 是深绿色;RGB 是它在 0 到 255 上的十进制表示;HSL 换成色相、饱和度、明度,调色时更直观——想让颜色偏暖就加色相,想更淡就提高明度。三者描述的是同一个颜色,页面上直接给出换算结果,不用自己算。

默认取的是单像素的值,照片有噪点时同一个位置多次点可能略有差别,这时可以勾上「平滑取样」,它取周围 3 × 3 个像素的平均值,得到的颜色更稳。另外要清楚一点:画布会把带透明通道的图片先合成到白底上再取色,所以 PNG 上取到的色值是叠加白色之后的观感色,不是文件里那个半透明像素的原始值,不透明度那一行会告诉你实际 alpha 是多少。

图片是在本地解码、画到画布上再读像素的,整个过程没有网络请求,文件不会离开这台设备。也正因为如此,图片越大占用的内存越多,几千万像素的图在页面上打开会比较慢。