快速开始
-
上传图片
照片、截图、Logo 均可。
-
复制 HEX
点击复制各色值。
上传图片; 在浏览器本地采样并提取最多 8 个主色 HEX,可一键复制。适合 UI 取色、品牌色分析与设计灵感。
阅读完整指南: 颜色与设计:Hex/RGB/HSL 与无障碍对比度 →
隐私提示:本地解析,不上传服务器。
↓ 在下方输入区粘贴内容,结果会立即显示
上传图片; 在浏览器本地提取主要颜色 (最多 8 色)。适合 UI 取色与品牌色分析。
上传图片; 在浏览器本地采样并提取最多 8 个主色 HEX,可一键复制。适合 UI 取色、品牌色分析与设计灵感。
上传图片
照片、截图、Logo 均可。
复制 HEX
点击复制各色值。
从上传图片中提取主色与配色方案,给出 HEX/RGB 值,便于 UI 设计与品牌色参考。
从截图反推设计稿配色、生成 Tailwind/CSS 变量初稿、分析 logo 或海报色彩层次时使用。
缩小后采样并粗量化; 非专业调色,但速度快。
Input
brand.png
Output
#1a2b3c …
本工具从图片批量取色; converter 转换单个颜色格式。
不会。
建议作为基础参考而非最终方案。工具提取的是视觉主色,但品牌VI需考虑行业属性、色彩心理学等。例如提取出亮红色时,金融类品牌应适当降低饱和度,而餐饮品牌可保留。最好搭配专业设计软件进行微调,并测试不同场景下的显示效果。