适合使用
- 从商品图、截图或设计稿中提取主色。
- 在图片预览上悬停读取实时颜色。
- 复制 HEX、RGB、HSL 或 CSS 变量格式。
TUXIA 图匣工具
图片配色提取工具
从图片中提取主色，并在预览图上悬停读取实时 HEX、RGB、HSL 色值，适合设计取色、品牌配色和前端开发。
Main palette
Hover picker
Copy formats
颜色 analysis
提取配色并实时取色
上传图片生成 6 色配色板，移动鼠标即可读取并复制实时色值。
拖拽图片到这里，或 点击选择文件
PNG、JPG、WebP
悬停取色
移动鼠标查看色值
图片取色板
Extract main colors from the uploaded image. Click a swatch to copy it.
点击色块或复制按钮，即可复制当前格式。
工具指南
图片配色提取工具指南和常见问题
从图片中提取主色，并在预览图上悬停读取实时 HEX、RGB、HSL 色值，适合设计取色、品牌配色和前端开发。
使用方式
- 上传图片并生成配色板。
- 在预览图上移动鼠标，查看当前位置颜色。
- 切换颜色格式，复制单个颜色或整组配色。
常见问题
支持哪些颜色格式？
支持 HEX、RGB、HSL 和 CSS 变量格式。
可以读取鼠标位置的颜色吗？
可以。上传图片后在预览区域悬停即可看到当前位置颜色。