调色板提取器

上传图片; 在浏览器本地采样并提取最多 8 个主色 HEX,可一键复制。适合 UI 取色、品牌色分析与设计灵感。

阅读完整指南: 颜色与设计:Hex/RGB/HSL 与无障碍对比度 →

隐私提示:本地解析,不上传服务器。

↓ 在下方输入区粘贴内容,结果会立即显示

上传图片; 在浏览器本地提取主要颜色 (最多 8 色)。适合 UI 取色与品牌色分析。

选择图片

上传图片; 在浏览器本地采样并提取最多 8 个主色 HEX,可一键复制。适合 UI 取色、品牌色分析与设计灵感。

快速开始

  1. 上传图片

    照片、截图、Logo 均可。

  2. 复制 HEX

    点击复制各色值。

功能与使用场景

从上传图片中提取主色与配色方案,给出 HEX/RGB 值,便于 UI 设计与品牌色参考。

从截图反推设计稿配色、生成 Tailwind/CSS 变量初稿、分析 logo 或海报色彩层次时使用。

算法说明

缩小后采样并粗量化; 非专业调色,但速度快。

示例

Logo

Input

brand.png

Output

#1a2b3c …

FAQ

与 color-converter 区别?

本工具从图片批量取色; converter 转换单个颜色格式。

会上传吗?

不会。

提取的颜色可以直接用于品牌VI设计吗?

建议作为基础参考而非最终方案。工具提取的是视觉主色,但品牌VI需考虑行业属性、色彩心理学等。例如提取出亮红色时,金融类品牌应适当降低饱和度,而餐饮品牌可保留。最好搭配专业设计软件进行微调,并测试不同场景下的显示效果。