从图片提取调色板
从任意图片提取均衡、可编辑的调色板,然后复制、对比、分享或导出颜色,用于下一项设计。
你的图片和颜色会留在浏览器中,绝不会上传。
拖放您的图片
或点击下方浏览文件
最多 10 张图片 · 本地处理 · 不上传任何内容
调色板提取在你的设备本地运行。 你的图片和颜色会留在浏览器中,绝不会上传。
完整的图片调色板工作流程
为不同用途设计的提取风格
可选择均衡、鲜艳、柔和、明亮、暗色或主色结果,并在重新生成时锁定重要颜色。
真正的调色板编辑器
添加、移除、重新排序、重命名和锁定各个色样,并为其分配语义角色。
内置对比度指导
将调色板颜色组合与 WCAG 2.x 对比度阈值进行比较,再把颜色应用到文字和背景。
本地且私密
解码、调色板分析、编辑和导出都在浏览器中完成。
如何从图片创建调色板
- 1
添加一张或多张图片
选择文件、拖放或粘贴图片、加载直接 HTTPS 图片 URL,或试用内置示例。
- 2
优化提取的颜色
更改调色板风格和颜色数量,聚焦某个区域、选取精确点、编辑色样,并锁定要保留的颜色。
- 3
复制或导出
复制单个颜色值,或下载面向开发、设计、图片、PDF 或批处理的调色板格式。
为什么要从照片提取颜色?
照片、徽标、截图、艺术作品、商品图片或情绪板都能转化为可复用的色彩系统,用于网站、品牌、演示文稿、房间、活动或插图。自动颜色来自感知上的源色彩聚类;手动选取和输入的颜色会被清楚标注。
选择合适的调色板大小和风格
可以从八种颜色开始,然后在自动提取时选择 2–24 种颜色。“均衡”会混合主色和强调色;“鲜艳”“柔和”“明亮”“暗色”和“主色”会改变真实源色彩聚类的评分方式。细小的强调色可能被省略,因此可以分析更小区域,或先选取并锁定颜色再重新生成。
主色、强调色和百分比
百分比表示当前区域和透明度策略下纳入分析的像素占比,并经过舍入使总计为 100%。手动值不代表显著度,除非它仍关联某个源色彩聚类。锁定有用颜色,即可在替换其余颜色时保留它们。
颜色格式与调色板导出
复制 HEX、RGB、HSL 或 OKLCH,并导出 CSS、SCSS、Tailwind、DTCG 令牌、JSON、CSV、TXT、GPL、ASE、SVG、PNG、拼贴图、PDF 或批量 ZIP 文件。公开颜色值使用 sRGB。通用 CMYK 值仅为近似值,并非精确的印刷或 Pantone 匹配。
私密的本地图片处理
文件解码、提取、编辑、分享和导出都在浏览器中运行,不会将源文件上传至 FastImageTools。直接 URL 模式会由浏览器访问你输入的地址,因此取决于该源是否允许 CORS 访问。
从照片、徽标、截图或艺术作品提取调色板
对于徽标和安全的 SVG 文件,可使用透明度控件;当背景占比过高时,也可以绘制分析区域。动画 GIF 使用第一帧,多页 TIFF 使用第一页。如果支持嵌入的配置文件则会进行转换,否则工具会报告采用 sRGB 的假设。
支持的图片格式
从图片提取调色板常见问题
如何从图片创建调色板?+−
可以复制 HEX、RGB、HSL 和 OKLCH 值吗?+−
是否包含主色百分比?+−
我的图片会上传吗?+−
提取器如何选择颜色?+−
可以提取多少种颜色?+−
支持哪些图片格式?+−
如何处理透明像素?+−
可以保留部分颜色并重新生成其余颜色吗?+−
可以从多张图片创建一个调色板吗?+−
可以导出为 CSS、Tailwind、ASE、PNG 或 PDF 吗?+−
CMYK 或 Pantone 值是精确的吗?+−
可以在移动设备上使用吗?+−
继续处理图片和颜色
选取精确像素、检查源文件、编辑图片或转换格式,同时保持本地工作流程。