/ 像素画 / 8-bit 图标在线编辑器 ← 首页

像素画 / 8-bit 图标在线编辑器

纯前端专业级像素画与 8-bit 图标在线编辑器,支持 16x16 / 32x32 / 48x48 / 64x64 等多种画布尺寸,提供画笔、橡皮、油漆桶、几何形状、颜色吸管、复古色板预设与撤销重做。支持一键导出超清透明 PNG、SVG 矢量文件及纯 CSS box-shadow 单标签代码。
画布规格 {{ gridWidth }} × {{ gridHeight }}
绘制工具
笔刷粗细: {{ brushSize }} px
几何变换与平移
预置模板
{{ tpl.name }}
光标坐标: [{{ cursorX }}, {{ cursorY }}]
当前画笔颜色
{{ currentColor.toUpperCase() }}
RGB: {{ hexToRgb(currentColor) }}
复古主题色板
画布已用颜色历史
画布为空
实时尺寸预览 (1x / 2x)
100% 原始大小
200% 放大
导出与生成代码
PNG 导出倍率:
🖼️ 导出透明 PNG 图片 📐 导出 SVG 矢量文件 🎨 复制纯 CSS box-shadow 单标签代码

介绍

本像素画编辑器专为复古游戏开发者、前端设计者与像素艺术爱好者打造。内置多种经典调色板(PICO-8、GameBoy、NES 8-bit 等),支持透明背景与网格辅助线,并可直接生成不依赖任何图片文件的纯 CSS box-shadow 像素图标代码。

无需任何图片文件,直接将以下 HTML 与 CSS 复制至网页中即可完美渲染当前像素图标:
关闭 复制 CSS 代码