🎨 设计创意工具

生成等距（2.5D）风格网格背景，可调格子大小与配色，用于游戏地图、插画底图与示意图，纯前端导出图片不上传。

实时 Canvas 粒子系统，支持多种发射模式、鼠标交互和预设效果，参数实时调整即时生效

生成可调密度的方格或网格线背景图案，自定义线宽颜色，用于工程图底图、网页纹理与印刷稿，纯前端导出图片不上传。

生成多色网格（mesh）渐变背景，可拖拽色标调整过渡，用于海报、封面与网页英雄区，纯前端预览并导出渐变图片或 CSS。

生成在红绿 / 蓝黄 / 全色盲等 8 种色觉类型下都能清晰区分的配色方案：支持顺序、发散、定性三类模式，在 OKLCH 感知均匀空间采样并做 8 型色觉变换…

专业色觉缺陷（CVD）模拟器：支持红色盲、红色弱、绿色盲、绿色弱、蓝色盲、蓝色弱、全色盲、蓝锥单色共 8 种色觉类型的实时模拟，可对单个颜色、整组调色板或上传…

生成可调密度的蓝图风格网格背景，自定义方格尺寸与颜色，用于工程草图、手绘底图与 PPT 背景，纯前端导出图片。

vw 为视口宽度的 1%，vh 为视口高度的 1%。选择模式并填入基准视口尺寸即可在视口单位与 px 之间换算。

设定主色与配色规则后自动生成协调的调色板，提供色值、渐变与CSS变量导出，帮助设计师为网站、海报快速建立统一且可复用的色彩体系。

把一组配色贴进来，立刻看到它在「正常 / 红绿色盲 / 蓝黄色盲 / 全色盲 / 灰度」共 8 种视觉通道下的两两可辨识度：输出 ΔE 色差矩阵、易混淆对标注…

进度条在线生成器，调节长度、厚度、圆角、颜色渐变与动画样式，实时预览并一键复制 HTML/CSS 代码，适合下载、投票与任务进度展示，纯前端。

在色环上拖动圆点调整基础色相，自动生成包含互补、类似、三角等关系的配色方案，实时预览并导出色值，适合网页与品牌视觉的快速配色。

基于基数生成统一的间距阶梯（如 4/8/16 倍数），用于设计规范与组件间距，可复制为 CSS 变量，方便团队保持一致的留白节奏。

在线频谱可视化工具，基于 Web Audio API 将音频实时绘制为频域频谱图，支持 FFT 分析与峰值查看，适合音频调试与教学演示，纯前端处理。

在基色上按比例混入白色得到更亮的 tint、混入黑色得到更暗的 shade，指定档数生成协调的明暗色卡。

在线颜色选择器，支持 HEX/RGB/HSL/HSV/CMYK 多格式互转、屏幕取色与实时预览，内置预设色板，一键复制所需格式颜色值，纯前端运行。

首字母头像在线生成器，输入姓名或缩写生成带背景色的字母头像，可调字体、圆角与配色方案，一键下载 PNG/SVG，适合团队与用户占位，纯前端。

骨架屏（Skeleton Screen）在线生成器，可视化配置列表/卡片/图文占位骨架，调节圆角间距与闪烁动画，导出 CSS 代码用于加载占位，纯前端。

支持多层外阴影、内阴影、模糊与扩散的精细调节，实时预览并一键生成高级box-shadow或drop-shadow的CSS代码，用于卡片与按钮的层次设计。

将 Base64 编码字符串还原为图片并预览下载，也支持反向转换，便于在网页与文档中嵌入或导出图像数据。

将选中的 Emoji 渲染为网站 favicon 图标并导出多尺寸 ICO/PNG，方便快速更换站点图标，纯前端生成不上传。

将位图 PNG 转换为矢量 SVG 格式（描摹或嵌入），便于缩放无损与前端使用，纯前端本地处理不上传原图。

粘贴SVG代码即可自动移除冗余注释、空白与默认属性，压缩体积并生成精简后的代码，便于前端加载优化，支持可视化对比压缩前后效果。

粘贴或上传SVG代码即可在浏览器中可视化预览图形，支持缩放查看与一键生成对应CSS样式代码，方便前端与设计人员调试与嵌入矢量素材。

将矢量 SVG 转换为 PNG 位图并支持下载，可设定尺寸与背景，便于在不支持矢量的场景使用，纯前端本地转换。

网格化像素绘制，支持画笔、橡皮、填充、吸管，可撤销重做，导出原始/放大版 PNG。

上传图片后在画面上点选任意位置提取 HEX/RGB 颜色，支持放大取样与历史记录，便于从参考图中取色配色，纯前端处理。

将图片按任意角度或 90° 步进旋转并校正构图，纯前端处理不上传，支持导出旋转后图片，适合修正拍摄角度与排版需要。

支持 PNG / JPEG / WEBP / BMP 格式互转，可调整质量和尺寸，纯浏览器本地处理

按像素或百分比调整图片尺寸，可选保持宽高比并设定输出质量，纯前端压缩处理不上传，适合适配上传限制与缩小配图。

在线将图片水平或垂直镜像翻转，一键生成反相构图，纯前端处理图片不上传，适合修正反向照片与制作对称视觉效果。

在浏览器内框选区域裁剪图片，支持自由与固定比例并实时预览，纯前端处理图片不上传，适合头像、证件照与配图裁减。

图片转 ASCII 字符画：可调宽度、对比度、亮度与字符集，本地处理不上传。

⭛ 圆角图片生成器

输入文字或字母，生成简洁的文字型网站图标（favicon），支持配色与字体调节，便于小站点快速获得品牌标识。

样式化二维码生成器，基于内置 qrcode.js 生成标准二维码并支持样式定制，纯前端生成、数据不上传。

上传图片后用中位切分算法智能提取主色调，生成可编辑的调色板并导出为CSS或JSON，方便设计师从参考图中快速获取配色方案用于项目。

BPM 节拍测速器，跟随音乐点击或按空格测量歌曲速度(每分钟拍数)，辅助乐手与舞蹈节奏把控。

安全快门计算器，按焦距估算手持拍摄的安全快门速度以避免手抖模糊，辅助摄影防抖参数设置。

经典 Farnsworth Panel D-15 色相排列测试的浏览器实现：15 个色帽由标准 D-15 的 CIE 1931 xy 色度坐标在等亮度下实时换…

可用性测试与评估工具：结合 SUS 系统可用性量表（标准 10 题问卷）与任务绩效指标（完成率 / 时间 / 错误 / 求助 / 满意度），依据 ISO 92…

⚖️ 对比度检查器

输入前景色和背景色，计算 WCAG 2.1 对比度比率，判定 AA / AAA 合规性

无障碍检测工具，基于 W3C WCAG 2.1 标准：提供前景 / 背景颜色对比度计算器（WCAG 1.4.3）与 14 项关键合规清单检测，按可感知 / 可…

室内装修材料环保等级判定：输入甲醛释放量、VOC 含量、苯系物含量等参数，按 GB 18580-2017 等国家标准判定材料环保等级（E0 / E1 / E2…

逐字标注格律诗的平仄：基于内置常用平声 / 仄声字库比对，命中标「平」或「仄」、未收录标「？」，按句分行输出平仄串，便于对照格律谱自查，纯前端本地计算。

ISO 噪点参考，按不同相机在各 ISO 下的噪点表现提供参考、帮助选择合适感光度，辅助拍摄参数设置。

查阅大调、小调等各调式的音阶音名与升降记号分布，快速对照调号与和弦构成，适用于音乐创作与乐理学习。