图片颜色提取器
上传图片,自动提取主要颜色。即刻复制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图片会怎样?
透明区域会被视为白色处理,透明度较高的图片结果可能有所不同。
可以在手机上使用吗?
可以。在移动端浏览器中点击选择文件按钮,从相册选择图片即可提取颜色。