上传图片并检测其平均颜色,支持复制 HEX/RGB 结果。
拖放图片到此处或点击上传
检测图像的平均颜色并导出用于调色板规划、UI 令牌和视觉 QA 工作流程的 HEX/RGB 值。
它分析上传的图像并根据采样的像素数据计算平均颜色。
它输出 HEX 和 RGB 值以及可复制的 CSS 变量片段。
它支持拖放上传和演示图像生成,以进行快速测试。
它可以导出包含平均颜色元数据的视觉色样卡。
上传输入
photo-hero.png (10MB max)
演示输入
生成的样本梯度图像
分析比例
标准化预览尺寸的像素采样
HEX 输出
#4A6F92
RGB 输出
rgb(74, 111, 146)
CSS 变量
:root { --image-average-color: #4A6F92; }上传的文件不是图像
仅使用支持的图像文件格式。
拒绝大文件
将文件大小保持在配置的上传限制内。
平均颜色似乎太暗或太亮
检查图像是否有大的透明或高对比度区域。
预期主色而不是平均
使用专用调色板提取工具来满足主色需求。
输出与外部不同工具
验证采样方法和透明度处理差异。
图片平均色提取器 应作为交付流程中的快速校验步骤,在提交、发布和交接前都建议执行一次。
这和主色提取有什么区别?
不,这会计算平均颜色而不是主簇。
我可以复制 CSS 就绪输出吗?
是,输出包含可复制的 CSS 变量块。
是否支持拖放上传?
是的,图像文件可以直接拖放到工作区中。
为什么透明 PNG 会给出意外的值?
透明度混合会影响平均像素值。
我可以导出颜色样本卡吗?
是的,可下载的色样图像可直接导出。