图像主色
查找任意图像的主色及其最常见颜色组成的调色板。此工具会将每个可见像素归入 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、设计工具或主题设置中。
主色有哪些用途？
常见用途包括：在图像加载时用作背景占位色；为卡片和标题选取与封面图相配的强调色；按颜色对产品照片进行排序；以及检查品牌图像是否符合指定调色板。结构化结果也便于在脚本和主题中重复使用这些值。
每次得到的结果都一样吗？
是的。统计过程具有确定性，同一个文件始终会得到相同的主色、调色板和占比。如果两个颜色桶的像素数完全相同，它们之间的顺序取决于各自颜色首次出现的先后。