关键信息
- 分类
- 设计与颜色
- 输入类型
- file, number, select, checkbox
- 输出类型
- json
- 样本覆盖
- 4
- 支持 API
- Yes
概览
调色板提取器是一款专为设计师和创意工作者打造的实用工具，支持从 JPEG、PNG、WEBP 等多种格式的图片中快速提取核心色彩。通过自定义提取算法、颜色数量及排序方式，并支持过滤黑白背景色，帮助您轻松获取精准的配色灵感与调色板数据。
适用场景
- •需要从风景照、艺术画作或产品图中提取核心配色方案以用于新项目设计时。
- •想要分析竞品网页或 UI 截图的色彩分布，获取界面配色比例时。
- •建立品牌视觉识别系统（VI）时，需要从代表性图片中提炼出主色与辅助色。
工作原理
- •上传您需要分析的图片文件，支持 JPEG、PNG、WEBP、GIF、BMP 或 TIFF 格式。
- •设置提取参数，包括所需的颜色数量（3-15个）、提取算法（如 K-Means 聚类）以及是否过滤黑白色。
- •启动提取，系统将对设定数量的像素进行采样分析，并按占比、亮度或色相输出排序后的调色板 JSON 数据。
使用场景
网页与 UI 设计师从自然摄影作品中提取和谐的界面配色方案。
品牌策划人员分析标志性图片，确立品牌的主色调与辅助色范围。
插画师与视觉艺术家从经典画作中提炼色彩搭配，用于自己的创作参考。
用户案例
1. 从风景摄影中提取自然配色
网页设计师- 背景原因
- 正在设计一个以环保为主题的网站，需要一套清新自然的绿色与泥土色系配色方案。
- 解决问题
- 难以手动调配出自然和谐的色彩过渡，希望直接从一张森林摄影作品中提取主色调。
- 如何使用
- 上传一张森林照片，将调色板大小设置为 6，提取方法选择“K-Means聚类”，并勾选“跳过白色”和“跳过黑色”以过滤天空和阴影的干扰。
- 示例配置
-
{ "colorCount": 6, "algorithm": "kmeans", "ignoreWhite": true, "ignoreBlack": true } - 效果
- 成功提取出 6 个代表森林自然质感的绿色、棕色和米色 Hex 代码，直接应用于网站的按钮和背景设计。
2. 提取 UI 截图的色彩占比
竞品分析师- 背景原因
- 需要分析某款流行应用的界面色彩构成，以了解其视觉风格的色彩分布比例。
- 解决问题
- 手动吸色无法准确得知各颜色在界面中的实际视觉占比。
- 如何使用
- 上传该应用的界面截图，设置调色板大小为 8，提取方法选择“直方图分析”，排序方式选择“按占比”。
- 示例配置
-
{ "colorCount": 8, "algorithm": "histogram", "sortMode": "percentage" } - 效果
- 获取了按占比从高到低排列的 8 个核心颜色 JSON 数据，清晰展现了该应用的主色、辅色及点缀色比例。
用 Samples 测试
image, png, jpgWeb Python 图像处理示例
Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
preferred input family image
Markdown 链接提取示例
包含各种链接类型的 Markdown 示例文档，用于测试 Markdown 链接提取工具
title token extractor
Android Java 图像处理示例
Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
preferred input family image
Android Kotlin 图像处理示例
Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换
preferred input family image
相关专题
常见问题
该工具支持哪些图片格式？
支持 JPEG、PNG、WEBP、GIF、BMP 和 TIFF 格式的图片。
K-Means、直方图和中位切分算法有什么区别？
K-Means 适合提取代表性主色；直方图分析适合统计颜色分布；中位切分则能较好地保留图像中的少数关键色。
为什么提取出来的颜色没有白色或黑色？
默认启用了“跳过白色”和“跳过黑色”选项，这有助于排除背景干扰，您可以在设置中关闭它们以包含黑白两色。
采样大小（sampleSize）会影响结果吗？
采样大小决定了分析的像素数量。较大的采样值能提高色彩提取的精准度，但会略微增加处理时间。
提取出的调色板可以如何排序？
您可以根据需要，选择按颜色在图片中的占比、颜色的亮度或色相进行排序输出。