图片取色器 · 在线提取图片颜色

上传图片并点击任意位置,即可得到该处的颜色代码。

输入的文字和文件不会发送到服务器,只在本浏览器中处理。

将文件拖到这里,或点击选择
点击图片即可选取该处颜色
鼠标所指
-
已选颜色
HEX
RGB
HSL
8 种主色
取色记录

点击色块即可复制 HEX 代码。

使用方法

  1. 把图片拖到上传区域,或点击后选择文件。页面一开始已放入一张示例图。
  2. 在电脑上把鼠标移到图片上,放大镜会显示放大的像素,中间那一格就是将要选取的颜色。
  3. 点击想要的位置,“已选颜色”中会显示 HEX、RGB、HSL 代码,并自动记入下方的取色记录。
  4. “8 种主色”是把图片中用得最多的颜色归类后提取的配色,数字表示该颜色所占的比例。

常见问题

图片会上传到服务器吗?

不会。图片只在你的浏览器中打开和计算,不会发送或保存到任何地方。

取到的颜色和设计软件里略有不同,为什么?

浏览器会把图片自带的色彩配置(如 Display P3)转换成屏幕用的 sRGB 再显示,因此可能有 1~2 的偏差。尺寸很大的图片会先把长边缩小到 2400px 再读取。

主色是怎么提取的?

先用中位切分法(median cut)把相近的颜色分成 8 组,再反复几次重新计算平均色进行微调。透明部分不参与计算。

相关工具

全部工具