说明文档

主要功能

  • 支持输入纯色颜色值或直接留空生成透明背景图片。
  • 支持自定义宽度、高度与 PNG/JPG 导出格式。
  • 提供常用尺寸预设,适合快速生成占位图和背景图。
  • 在页面内实时预览生成结果并直接下载导出文件。

使用说明

  1. 输入颜色值,或留空以生成透明背景。
  2. 设置图片宽度、高度与导出格式。
  3. 点击“生成图片”查看当前结果。
  4. 确认无误后下载 PNG 或 JPG 文件。

使用场景

  • 制作网页占位图、卡片背景图和空状态底图。
  • 准备海报、封面、社媒配图所需的纯色底板。
  • 生成设计测试色块、排版占位素材和文档插图背景。

使用提示

  • 需要透明底时请选择 PNG,并将颜色输入框留空。
  • JPG 不支持透明背景,留空导出时会自动转为白底图片。
  • 修改颜色、尺寸或格式后,需要重新生成才能更新下载内容。

常见问题

  • 问:颜色输入框支持哪些格式?答:支持常见 CSS 颜色值,使用取色器时会自动填入十六进制颜色。
  • 问:为什么下载按钮没有结果?答:需要先生成图片,页面才会创建可下载的本地结果。
  • 问:这个工具会上传图片吗?答:不会,所有处理都在浏览器本地完成。

注意事项

  • 输出尺寸建议控制在常用范围内,避免生成超大图片影响浏览器性能。
  • 透明背景只在 PNG 导出时保留,JPG 会自动补白底。
  • 结果仅保留在当前页面会话中,刷新后需要重新生成。