跳到主要内容
Toolars
探索
报告问题

图片 · 本地工具

图片颜色提取器

Image Color Extractor

从图片提取最多 12 组 RGB 颜色,按可见分析样本的 alpha 加权占比排序;可复制 HEX 或下载 JSON 调色板。

任务路径 / 从输入到结果

选择图片

本地运行 · 不做任何上传

了解图片颜色提取器的使用方法、隐私说明与相关工具

任务路径 / 从输入到结果

如何从图片中提取调色板

  1. 01

    选择图片

    点击“选择文件”——或把图片拖入拖放区——打开不超过 12 MiB 的 PNG、JPEG 或 WebP;单边不超过 8,192 像素,总像素不超过 24,000,000。像素在本地解码,不会上传。

  2. 02

    设置调色板大小

    用“调色板颜色数”滑杆选择 1 到 12 个颜色。颜色越少,概括越宏观——做页面配色时三到五个是好的起点;颜色越多,点缀色越能浮现出来,而小调色板会把它们并入邻近色。

  3. 03

    提取调色板

    点击“提取调色板”。工具把解码后的 RGB 按每通道 16 级的固定区间分桶,忽略全透明像素,剩余像素按 alpha 加权。色桶按可见分析样本中的加权占比排序。超过 4,000,000 像素的图片先用缩小副本,因此调色板是估算,而不是对源文件逐像素精确普查。

  4. 04

    复制或下载颜色

    每个色块显示 HEX 值和在可见分析样本中的近似占比。点击色块可复制 HEX,或下载包含 hex、rgb、alpha、share 的 JSON。结果只返回前 1–12 个色桶,因此各色占比不一定合计 100%。

工具速览

处理方式
在浏览器本地完成
输入是否离开设备
从不
数据保留
不保存任何内容
价格
免费

你的输入留在浏览器里。

图片颜色提取器 使用经过验证的本地执行路径,不会创建隐藏的输入或输出历史记录。

本地执行

在当前浏览器标签页内运行。

无隐藏处理

使用中的工具数据绝不会成为 Toolars 的文档记录。

无需账户

无需创建账户即可使用核心工作流。登录后收藏才会同步到你的账户。

立即重置

关闭标签页,当前的工作数据即刻消失。

图片颜色提取器 究竟做什么

落地页需要一套真正来自产品图的配色,幻灯片模板想呼应封面图,设计审查想拿到当前界面的主色。工作流很快:从主图提取五个颜色,把第一个色块复制成页面背景,把第二名提升为链接色,再下载 JSON 让整套颜色——连同占比——落进设计笔记。图片颜色提取器在浏览器里按可见分析样本的 alpha 加权占比排序调色板——当源图是一份不该上传到任何地方的未发布设计时,这一点尤其重要。

常见问题

颜色是如何挑选和排序的?
每个像素根据 RGB 各通道的高四位进入固定色桶。视觉上接近的颜色也可能落入不同桶;同一桶内的颜色会求平均。全透明像素被忽略,半透明像素按 alpha 加权。结果最多返回指定数量的高权重色桶,不保证每个都是独立的设计色。
该选多少个颜色?
从小开始:一到三个颜色概括图片的气质;照片上五到七个通常能干净地分开背景、主体和点缀。只有面对含有多种鲜明平涂色的图稿时才推向 12,此时多出的色块仍然有意义,而不是把一条渐层拆成一堆近似色。
提取器如何处理透明度?
全透明像素完全不计入测量,半透明像素按不透明度比例计入,因此柔和边缘的抠图不会把调色板拖向看不见的背景。JSON 下载中的 alpha 字段会报告每个颜色的平均不透明度。
JSON 下载里的字段是什么意思?
hex 和 rgb 是色桶四舍五入后的平均 RGB;alpha 是平均不透明度;share 是该桶在分析 Canvas 所有可见像素中的 alpha 加权占比,并非源图的精确面积比例。只导出排名靠前的色桶,所以占比总和可能低于 100%。
为什么调色板看起来是近似的?
固定 RGB 色桶让调色板更简洁,但不会合并所有看起来相近的颜色:色桶边界可能把相邻色分开。超过 4,000,000 像素的图片还会在分析前重采样,细节和排序可能变化。采用色块前请对照原图检查。
图片会被上传到别处吗?
不会。解码与量化完全在当前浏览器标签页内运行,无需账号;重置工作区后,图片和提取的调色板都会被丢弃。

继续探索图像工作室

相关任务,而非死胡同。

无需返回完整索引,直接进入另一个专注的工作区。

图片裁剪器

Image Cropper

按整数像素坐标把 PNG、JPEG、WebP 图片裁剪到精确区域,可选自由、1:1、4:3、3:2、16:9 比例,导出 PNG、JPEG 或 WebP,全程本地。

编辑

图片滤镜

Image Filters

在浏览器内用亮度、对比度、饱和度、灰度、褐色与模糊六个滑杆调整照片,整条滤镜链一次渲染进像素,按原始尺寸下载 PNG。

编辑

图片尺寸调整器

Image Resizer

把 PNG、JPEG、WebP 图片缩放到 1–8,192 像素间的精确尺寸,可锁定宽高比;批量模式一次处理最多 12 张并打包为 ZIP,无需上传。

编辑

图片平均色提取器

Image Average Color Finder

计算图片的 alpha 加权平均色:透明像素不计入,大图先缩至 400 万像素内再测量;结果以 HEX、rgb()、rgba() 给出,点击即可复制。

检查