生成创意 · 浏览器本地
纯色图生成器 — 任意颜色任意尺寸
在线生成纯色图片:选颜色、输尺寸,1080P / 2K / 4K / 手机竖屏预设一键选,实时预览,导出 PNG / JPG,附 CSS 颜色代码。做纯色壁纸、背景图、遮挡图、测试图。支持电脑、平板、手机浏览器,本地生成、不上传。
颜色
尺寸
×px
实时预览
CSS 代码
background: #2563EB;
本地生成 · 不上传
支持电脑 · 平板 · 手机浏览器不上传服务器无水印本地处理
快速回答
纯色图就是整张只有一种颜色的图片,用途比想象中多:纯色壁纸(护眼 / 极简)、视频压屏 / 遮挡用的黑图白图、直播 OBS 的底色素材、设计稿的底图、屏幕坏点检测。本工具点一个颜色(或用取色器精确输入)、选尺寸或点 1080P / 2K / 4K / 手机预设,导出 PNG / JPG;同时给出该颜色的 CSS 代码方便开发直接用。全程浏览器本地生成,不上传。
When
什么时候需要
纯色壁纸
极简纯色壁纸,黑 / 白 / 低饱和色自己定,按屏幕分辨率生成。
坏点检测 / 遮挡图
全黑 / 全白 / 全红图检测屏幕坏点,或视频里压位置用。
设计 / 直播素材
OBS 底色、设计稿底图、社媒纯色背景块。
Trade-off
关于纯色图
好处
- 取色器精确选色,常用色一键选
- 1080P / 2K / 4K / 手机尺寸预设
- 附 CSS 颜色代码,本地生成不上传
注意
- 纯色图 PNG 体积极小,JPG 反而可能有压缩噪点
- 网页背景建议直接用 CSS 颜色而非贴图
- 单边最大 7680px
FAQ
纯色图常见问题
选 PNG:纯色在 PNG 里压缩效率极高、体积很小且无损;JPG 反而可能引入肉眼可见的压缩噪点。
分别生成全黑 #000000、全白 #FFFFFF、全红 / 绿 / 蓝的 4K 图,全屏轮流查看,亮点暗点一眼可见。
本工具生成不透明纯色图;要透明画布请用「扩展画布」工具或占位图配透明需求的场景。
不会,纯色图用浏览器 Canvas 本地画出,不经过服务器。