跳到主要内容

设计 · 工具

提取图片颜色

在浏览器本地生成代表性色板,或用放大镜手动拾取像素颜色。

正在加载工具…

在浏览器本地运行。 你的输入不会上传或存储。你可以在浏览器的网络面板中验证这一点。

处理限制

  • 支持格式:jpeg, png, webp
  • 单个文件最大:25 MB
  • 图片最大像素数:40,000,000
  • 最多文件数:20
  • 批量总大小最大:100 MB

Canvas 输出可能会移除 EXIF 方向、相机信息等元数据。

这个工具解决什么问题?

自动提取图片中的五种代表色,也可以通过放大镜手动拾取像素颜色。图片只在浏览器本地处理,每个颜色都可复制为 HEX。

继续了解 压缩图片, 调整图片尺寸

应该从哪些示例开始?

提取照片色板

输入
Text
JPG · 2400 × 1600
输出
Text
#1E293B · #CBD5E1 · #F59E0B · #0F766E · #F8FAFC

手动拾取像素

输入
Text
移动指针查看放大像素
输出
Text
连续添加多个 HEX 颜色

它是如何工作的?

浏览器会将图片绘制到较小的 Canvas,忽略接近透明的像素,再把相近的 RGB 值分到颜色桶中。

出现频率最高的五个颜色桶会转换为大写 HEX 值;这是代表性色板,不是色彩管理或无障碍审计。

移动指针可在预览图或大图上查看像素放大镜,点击图片添加 HEX 值。右上角放大图标打开大图,取色保持开启;聚焦图片后可用方向键移动,并按 Enter 添加。

有哪些边界和限制?

  • 支持 JPG、PNG 和 WebP,原始图片不会上传或存储。
  • 降采样可能忽略很小的细节,因此色板不一定包含每个可见强调色。
  • 普通预览中点击图片只取色;只有点击右上角放大图标才打开大图。放大后取色保持开启,关闭图标位于大图右上角。
  • 触屏上可点击普通预览或大图添加颜色,并保留放大镜预览。手动颜色按点击顺序保留重复项,可复制或逐项移除。
  • 透明像素会被忽略;有效内容很少的图片可能返回少于五种颜色。

技术参考

相关工具

  • 压缩图片为多张 JPG、PNG 或 WebP 图片比较 JPEG、PNG 压缩候选,在本地查看文件大小、RGB 像素误差,以及原图和输出预览。
  • 调整图片尺寸按宽高或百分比批量调整 JPG、PNG、WebP 图片尺寸,按需保持比例,查看输出像素尺寸并在本地下载结果。
  • 转换图片格式在浏览器本地批量转换 JPG、PNG、WebP 图片,查看输出格式和文件大小变化,然后单独下载或打包为 ZIP。
  • 旋转和翻转图片在浏览器本地批量旋转和翻转图片。