浏览器本地处理 • 无需上传 • 支持调色板导出

图片取色器

用放大镜精确选取图片像素颜色,提取 3 至 12 个主要颜色,并在浏览器中导出 CSS、代码、SVG 或 PNG 调色板。

从图片中取色并生成调色板

上传图片后可提取主要颜色,通过放大镜查看单个像素,并复制或导出颜色值和调色板。处理均在浏览器本地完成。

如何从图片中提取颜色

  1. 1.从设备上传图片
  2. 2.选择调色板中的主要颜色数量:3、5、8 或 12 色
  3. 3.悬停查看像素颜色,点击即可锁定该颜色
  4. 4.复制颜色值,或按所需格式导出调色板

图片和调色板均在浏览器中处理,不会上传到服务器

通过放大镜在选取前预览指针所在像素的颜色

可查看并复制 HEX、RGB、HSL、XYZ、CMYK、LUV、Lab 和 HWB 色值

支持导出 CSS、SCSS、CSV、JSON、SVG 或 PNG 调色板卡

图片取色器常见问题

我的图片会上传到服务器吗?

不会。所有取色操作都在浏览器本地完成,你的图片永远不会被上传到任何地方。

可以使用哪些图片?

请选择浏览器能够解码的图片文件。工具会检查文件是否为图片,并接受不超过 20MB 的文件;若加载或取色失败,请尝试其他图片。

调色板可以包含多少种颜色?

可选择 3、5、8 或 12 色。工具会先创建主要颜色池,之后切换颜色数量时会立即更新显示的调色板,无需重新上传。

可以选取精确的像素颜色吗?

可以。悬停在已上传的图片上时,放大镜会预览指针所在的颜色;点击图片即可锁定该颜色。也可以直接从调色板中选择颜色。

可以从屏幕其他位置取色吗?

浏览器提供 EyeDropper API 时,可使用“从屏幕取色”。不支持该 API 的浏览器会禁用此功能。

支持哪些调色板导出格式?

可复制或下载 CSS 变量、SCSS HEX 或 RGB 变量、CSV、JSON 数组、SVG,以及 PNG 调色板卡。PNG 卡片包含原图和调色板色带。