# 图像主色

查找任意图像的主色及其最常见颜色组成的调色板。此工具会将每个可见像素归入 4096 个颜色桶，将像素最多的颜色桶作为主色，列出最多 12 种调色板颜色及其在图像中的占比，并提供整体平均色；每种颜色均以十六进制、RGB 和 HSL 格式表示。适合需要占位色或强调色的设计师、主题构建者和开发者。

## 常见问题

### 如何查找主色？

每个像素都会被归入 4096 个颜色桶之一，红、绿、蓝各有 16 个级别。像素最多的颜色桶就是结果，其颜色值取该桶中所有像素的平均值，因此白色背景会显示为纯白，而不是经过取整的近似值。

### 什么是调色板？

调色板会列出主色之外最常见的颜色桶。你可以选择显示 1 到 12 种颜色，默认值为 5。每项都会显示十六进制、RGB 和 HSL 值，以及它覆盖的可见像素占比。

### 平均色有什么不同？

平均色是所有可见像素的平均值。一张上方是蓝天、下方是红色田野的照片，主色可能是蓝色或红色，但平均色则是两者混合后的暗淡色调。平均色适合用作模糊占位图的颜色，主色则适合用作强调色。

### 如何处理透明像素？

透明度超过一半的像素会被忽略，因此透明背景上的徽标会显示徽标颜色，而不是黑色。结果还会告知图像中透明区域所占的比例。如果图像没有可见像素，工具会显示提示，而不会返回颜色。

### 可以分析哪些格式？

支持最大 5 MB 的 JPEG、PNG、GIF、WebP、TIFF 和 AVIF 图像。动画 GIF 和 WebP 文件会按首帧进行测量；CMYK 图像则会在统计前转换为 sRGB。

### 大图像会先缩小吗？

单边大于 4000 像素的图像会缩小至适合 4000 像素后再统计，最多只会对占比造成极小的变化。较小的图像则会逐像素统计。

### 为什么相似色调会显示为不同颜色？

每个颜色桶涵盖 16 个级别，因此位于桶边界两侧的两个色调会被分别统计。所以渐变和照片的调色板中常会出现相邻色调。提高调色板数量即可查看更多颜色。

### 这些颜色可以用于 CSS 吗？

可以。每种颜色都会以十六进制代码（例如 #3366cc）、rgb() 值和 hsl() 值提供；其中色相以度数表示，饱和度和亮度以百分比表示。你可以直接将这些值粘贴到 CSS、设计工具或主题设置中。

### 主色有哪些用途？

常见用途包括：在图像加载时用作背景占位色；为卡片和标题选取与封面图相配的强调色；按颜色对产品照片进行排序；以及检查品牌图像是否符合指定调色板。结构化结果也便于在脚本和主题中重复使用这些值。

### 每次得到的结果都一样吗？

是的。统计过程具有确定性，同一个文件始终会得到相同的主色、调色板和占比。如果两个颜色桶的像素数完全相同，它们之间的顺序取决于各自颜色首次出现的先后。

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20OneClick%20Pro%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=oneclickpro)