图片颜色提取器

上传图片,自动提取主要颜色。即刻复制HEX、RGB、HSL颜色代码。

将图片拖放到此处或 选择文件

支持JPG、PNG、WebP、GIF、BMP

如何提取颜色

1

上传图片

拖放图片文件或点击选择文件按钮。支持JPG、PNG、WebP等格式。

2

查看颜色代码

在提取的颜色列表中切换HEX、RGB、HSL标签,查看不同格式的代码。

3

复制并使用

点击任意颜色代码即可复制到剪贴板,直接粘贴到设计工具或代码中。

什么是HEX、RGB、HSL?

HEX

HEX — 网页与设计工具标准

#RRGGBB格式的十六进制代码,广泛用于CSS、Figma和Photoshop。

RGB

RGB — 光的三原色

用红(R)、绿(G)、蓝(B)三个0~255的值表示颜色,直观表达屏幕颜色。

HSL

HSL — 色相、饱和度、亮度

由色相(H)、饱和度(S)、亮度(L)组成,适合直觉性地调整颜色。

使用场景

品牌色彩分析、社交媒体缩略图调色板统一、UI主题色提取、参考图片配色等多种场景。

常见问题

最多可以提取多少种颜色?
最多可提取10种颜色,可选择5种、8种或10种。
提取的颜色与原图略有不同是为什么?
算法会将相似颜色分组并选取代表色,这是有意为之,有助于生成整洁的调色板。
上传的图片会保存到服务器吗?
不会。所有处理均在浏览器本地完成,图片不会上传至任何服务器。
应该使用HEX还是RGB?
CSS和设计工具中HEX最为通用。需要程序化调整颜色时,RGB或HSL更方便。
上传透明PNG图片会怎样?
透明区域会被视为白色处理,透明度较高的图片结果可能有所不同。
可以在手机上使用吗?
可以。在移动端浏览器中点击选择文件按钮,从相册选择图片即可提取颜色。

相关工具