【浏览器执行模式】 : 您的所有数据均在浏览器中处理,不会上传服务器,数据安全有保障。不放心的,可等待页面加载完成后 断网使用!(需提前登录账号)
【速度及稳定性】 : 处理速度由您的机器配置决定。由于浏览器差异,少数工具可能出现无法使用或异常:请使用:软件版工具
工具使用
返回旧版工具
先设置颜色、尺寸与格式,再生成图像
支持单张纯色图、批量色卡、透明度、常用尺寸、PNG/JPEG/WebP 输出与 ZIP 下载。
Canvas 本地生成
生成模式
选择单张或批量
颜色设置
可输入 HEX、RGB、RGBA、HSL 或 CSS 颜色名
批量配置
每行:颜色,宽度,高度,文件名;RGB/RGBA 内部逗号可正常识别
也支持使用竖线分隔:#0f6f8f|1200|630|brand-cover。文件名可不填,系统会自动命名。
尺寸与输出
宽高范围 1-4000 像素
生成结果
暂无结果
使用说明
软件使用说明
- 选择生成模式:选择“单张生成”可快速制作一张纯色图;选择“批量生成”可按多行配置一次生成多张不同颜色或尺寸的图片。
- 设置颜色:可使用预设色板、取色器或手动输入颜色代码,支持HEX、RGB、RGBA、HSL和常见CSS颜色名称。需要透明效果时,可调整透明度滑块。
- 设置图像尺寸:输入宽度和高度,或点击常用尺寸按钮快速套用头像、方图、横图、封面和高清视频等尺寸。需要保持比例时可勾选“锁定比例”。
- 选择输出格式:
- PNG:支持透明度,适合设计素材和透明色块。
- JPEG:适合网页展示;如颜色带透明度,可设置JPEG透明底色。
- WebP:适合需要兼顾清晰度和文件体积的场景。
- 批量生成配置:每行填写“颜色,宽度,高度,文件名”,例如:#0f6f8f,1200,630,brand-cover。也可以使用竖线分隔,如:#0f6f8f|1200|630|brand-cover。
- 保存设置:点击“保存设置”可保存当前颜色、尺寸、格式和批量配置;下次点击“读取设置”即可恢复。
- 生成与下载:点击“下一步:生成图像”开始处理。单张结果可直接下载;多张结果可点击“下载ZIP”打包下载。
常见问题
答:适合制作网页占位图、UI原型色块、品牌标准色展示图、社交媒体背景、视频封面底图、海报纯色背景和测试用图片素材。
答:支持HEX格式(如#0f6f8f)、RGB格式(如rgb(15,111,143))、RGBA格式(如rgba(15,111,143,0.5))、HSL格式和常见CSS颜色名称。也可以直接使用取色器选择颜色。
答:每行填写一条配置,格式为“颜色,宽度,高度,文件名”。例如:#ff0000,400,400,red-square。文件名可留空,系统会自动命名;遇到同名文件会自动添加数字区分。
答:PNG适合需要透明度或设计交付的图片;JPEG适合普通网页展示和纯色背景图;WebP适合希望控制文件体积的网页素材。若颜色含透明度,建议优先使用PNG或WebP。
答:宽度和高度支持1到4000像素。较大的尺寸会占用更多内存,批量生成大尺寸图片时建议分批处理。
答:不会。图片生成、预览、打包和下载都在当前设备完成,颜色配置和生成结果不会上传到服务器。