免费在线图片配色提取工具 tool icon
Image Palette • 本地处理

免费在线图片配色提取工具

上传图片，在浏览器本地提取主色调和调色板，输出 HEX 颜色与 CSS 变量，一键复制用于设计与开发。

如何使用

  • 点击“选择图片”按钮上传您想要分析的图片，支持 JPG, PNG, WEBP 等格式。
  • 上传后，工具会自动在浏览器本地解析图片并显示预览。
  • 调整“颜色数量”、“采样边长”等参数以优化提取结果。
  • 点击“提取配色”按钮，右侧将生成包含 HEX 代码和 CSS 变量的调色板。
  • 点击色块即可复制颜色代码，或点击“复制 CSS 变量”一键获取所有配色。

常见问题与提示

  • 所有图片处理均在本地浏览器进行，不会上传到服务器，确保您的隐私安全。
  • “忽略近白/近黑背景”选项有助于排除背景干扰，提取物体本身的主色调。
  • 采样边长越大，提取精度越高，但处理速度可能稍慢。
  • 支持直接拖拽图片到页面中进行上传（如果浏览器支持）。
色彩对比度检查

色彩对比度检查

检查前景色与背景色的对比度是否满足 WCAG AA/AAA 要求，并预览不同视力条件下的效果。

颜色格式转换

颜色格式转换

输入颜色值即可查看对应的 HEX / RGB / HSL 表示并复制，方便在设计稿与代码之间切换。

图片取色器

图片取色器

从图片中精确拾取颜色，查看多种格式并复制到设计稿或代码中，不上传图片。

配色生成器

配色生成器

输入主色，一键生成多套和谐配色方案，支持本地复制 HEX 方便带入设计工具。

拼豆图案生成器

拼豆图案生成器

把照片或插画转换成像素拼豆模板：可调宽度、自动高度、控制颜色数，输出配色图例与颗粒数量统计，支持下载图纸，完全本地生成。

CSS 渐变生成器

CSS 渐变生成器

可视化编辑 CSS 渐变，一键复制 background 代码。