图片调色板生成器

从照片、Logo 或截图中生成实用色板,并复制 HEX 色值或 CSS 变量用于设计交付。

主色调色板HEX 色值CSS 变量浏览器本地分析

图片调色板生成器

图片预览选择一张图片开始。
选择一张图片开始。

调色板

选择一张图片开始。

使用方式

  1. 1选择一张包含目标颜色的图片。
  2. 2ImgShrink 在浏览器本地取样并合并相近颜色。
  3. 3复制单个颜色或整组 CSS 变量。

隐私与限制

  • 颜色提取在浏览器本地运行。
  • 调色板是近似分组,不能替代品牌规范。
  • 非常细腻的渐变可能会被简化成少量代表色。

调色板生成说明

调色板工具会从本地 Canvas 采样像素,把相近颜色分组,并返回代表性色值。

它适合快速设计探索和 CSS 提取,不替代正式品牌规范。

常见使用场景

  • 从产品照片生成配色
  • 从落地页截图提取颜色
  • 从插画中生成 CSS 变量

颜色说明

  • 调色板会把渐变和复杂照片简化成少量颜色。
  • 大面积中性背景可能主导结果。
  • 需要某个像素的精确颜色时,请使用图片取色器。

原创测试样例

  • 上传色彩丰富的截图并复制生成的 CSS 变量。
  • 对照源图检查调色板,并去掉只代表背景的颜色。

常见问题

我的图片会上传吗?

不会。ImgShrink 会在浏览器中处理你选择的图片,不会把图片上传到服务器。

工具能保证精确文件体积吗?

不能。目标体积压缩会尽量接近指定大小,但最终字节数取决于图片细节、尺寸、格式和浏览器编码。

为什么某些输出格式不可用或结果不同?

图片解码和导出能力由浏览器决定。有些浏览器可能不支持 AVIF 导出,或会把不支持的透明区域铺底。

来源与兼容性说明

此工具基于浏览器图片解码和 Canvas 导出能力,并按当前 ImgShrink 实现进行核对。

最近核对: 2026-09-07

说明
  • 不使用服务端图片处理。
  • 输出格式支持取决于浏览器。
  • 动图和元数据不作为保证保留的信息。

相关颜色工具

所有工具

图片取色器

在浏览器中从图片取色。点击预览图片即可复制 HEX 和 RGB 色值,无需上传文件。

图片元数据查看器

在浏览器本地查看图片元数据、EXIF、GPS 状态、文件大小和像素尺寸,无需上传。

PNG 转 WebP

在浏览器本地把 PNG 图片转换为 WebP,为截图和图形减小文件体积。

在线图片格式转换

在浏览器中转换 JPG、PNG、WebP、AVIF 图片格式。隐私本地转换,无需上传。