拖放图片到这里
已就绪。
仅本地处理
支持 JPG、PNG、WebP，最大 25 MB。
拖放图片到这里
使用 JPG、PNG 或 WebP 提取主色。
颜色会在你的浏览器中采样。
调色板设置
选择要提取的颜色数量。
采样说明
- 颜色是基于采样像素估算出的近似主色。
- 点击色块可以复制 HEX 色值。
- 可以下载或复制 CSS 变量，方便交付设计。
提取的调色板
提取出的颜色会显示在这里。
提取出的颜色会显示在这里。
这个图片调色板提取工具是什么？
这个工具会对本地图片进行像素采样，并提取近似主色。你可以复制 HEX、RGB、HSL 色值，也可以将调色板导出为 CSS 变量。
隐私说明
图片会保留在你的浏览器中。工具不会上传文件，也不会在服务器存储文件。
主要功能
- 从图片本地提取主色
- 复制 HEX、RGB 和 HSL 色值
- 生成 CSS 自定义属性
- 下载调色板 CSS
- 无需第三方库即可快速采样
使用方法
-
添加图片
选择或拖入一张 JPG、PNG 或 WebP 图片。
-
选择数量
选择调色板中需要多少个颜色。
-
提取颜色
浏览器会采样像素并合并相近颜色。
-
复制色值
点击色块，或复制生成的 CSS 变量。
常见问题
图片会上传吗？
不会。像素采样会在你的浏览器标签页中完成。
颜色是完全精确的吗？
它们是基于采样像素估算出的近似主色。
可以在项目中使用这些 CSS 吗？
可以，复制或下载生成的 CSS 变量即可。
为什么会忽略透明像素？
透明像素没有可见颜色，因此会被跳过。