UD5工具箱
地铁线路图绘制器 - 简易拓扑图设计
在画布上放置站点并用彩色线条连接，绘制属于自己的简易地铁风格线路图。
设计工具 - UI辅助与视觉创作
共 99+ 款工具渐变噪点纹理生成器 - 有机质感CSS背景
组合多色渐变与SVG噪点叠加，生成独特且轻量的CSS背景纹理，适配现代UI。
图片配色提取器 - 从任何图片生成调色板
上传图片或粘贴 URL，提取主色调和辅助色，保存为调色板集合。
书脊设计预览 - 输入文字看效果
设定书脊宽度，排版书名和出版社文字，模拟书脊在书架上的外观。
天空颜色模拟 - 基于时间的光色渐变
拖拽时间轴，根据太阳高度角模拟天空从日出到日落的颜色渐变背景。
像素字体在线设计器 - 按网格绘制字符集
在放大网格上逐点绘制字母与符号，生成像素字体文件（.ttf预览）及CSS代码片段。
图标字体实时预览 - 输入码点测试大小
粘贴自定义图标字体的Unicode，调节尺寸颜色立即查看效果。
图片拼贴画生成 - 选择模板拖入图片
选择多种拼贴版式，拖入图片到格子，调整边距与阴影导出。
Particles.js 配置生成器 - 粒子背景可视化定制
调整粒子数量、形状、颜色、连线等参数，实时预览粒子背景效果，导出 Particles.js 配置 JSON。
CSS 文字装饰在线编辑器 - 下划线/删除线/波浪线样式定制
调整 text-decoration-line、style、color、thickness 等属性，实时预览文字装饰效果并生成代码。
房间布局规划器 - 家具摆放拖拽
设定房间尺寸，拖拽各种家具图标布置房间，辅助搬家或重新装修。
网页字体实时预览 - 输入Google Font名即时应用
输入字体名或从列表选择，在示例文本上立刻看效果，获得@import代码。
照片马赛克生成器 - 上传图片分割成彩色方块
上传图片，调节块大小，生成马赛克风格图片，可下载。
照片打印尺寸与像素换算 - 冲印精度要求
输入照片像素与期望DPI，计算最大清晰打印尺寸，或反向求所需像素。
配色环和谐规则可视化 - 实时补色与分裂互补
拖拽基色指针，自动计算互补、近似、三等分等七种和谐配色方案，复制十六进制值。
墙壁颜色模拟器 - 照片替换刷漆效果
上传房间照片，选取目标区域改变颜色，预览不同墙漆效果，辅助选色。
嵌入式Logo二维码设计器 - 自定义颜色与中心图
输入链接，上传Logo嵌入中心，选择颜色与模板，生成个性化高容错艺术码。
在线像素标尺 - 测量网页元素宽高
在页面移动鼠标时显示十字参考线和像素距离，方便UI开发。
平铺水印生成器 - 满布透明文字/Logo
输入文字或上传Logo，生成半透明平铺在图片上的CSS或PNG水印层。
情绪板拼贴工具 - 灵感收集图片排版
上传多张图片，自由拖拽布局拼贴情绪板，可导出为图片保存。
剪影生成器 - 提取人物/物体轮廓变黑
上传正面照，简单亮度阈值提取剪影，可下载PNG。
加载动画合集 - 数10种纯CSS Spinner预览
浏览数十种纯CSS加载旋转器，点击复制代码或自定义颜色尺寸，节省开发时间。
实时色盲滤镜预览 - 摄像头/屏幕查看
调用摄像头或截取屏幕区域，叠加色觉障碍模拟滤镜，帮助理解不同色盲视角。
图片格式质量对比器 - PNG/JPEG/WebP/AVIF 主观评测
上传一张图片，同时压缩为多种格式并调整质量，并排比较细节与文件大小，选择最佳格式。
看字识字体 - 观察特征选字体
通过问答式选择字母特征（衬线？x高度？），从内置库中推测字体名。
CSS 3D 立体文字生成器 - 多层阴影叠加
通过多层 text-shadow 叠加生成具有厚度和光照感的 3D 文字效果。
新拟态调色板 - 根据背景色自动生成凹凸色
选择主背景色，自动推荐浅色高光和深色阴影值，用于新拟态UI。
文本高亮效果生成器 - 荧光笔/下划线动画
制作像荧光笔划过的高亮背景或扫描下划线效果，导出类名。
现代平滑阴影生成器 - 多层阴影叠加
通过叠加多个阴影创建柔和且真实的UI投影，导出CSS。
颜色找名字 - 输入HEX自动匹配最接近命名色
输入十六进制色码，返回最接近的HTML颜色名或传统色名。
音乐取色器 - 根据音符生成主色调
选择调性和和弦进行，将音符频率映射到色相环上，生成系列颜色搭配。
屏幕量角器与直尺 - 可拖拽测量角度
悬浮在页面上的虚拟直尺和量角器，可测量屏幕元素的角度和像素距离。
Logo部件组合器 - 图标形状随机拼接
将多个简单几何形状随机组合，形成抽象标志logo初稿，导出SVG。
SVG 动态波形背景生成器 - 多层叠加与动画
调节振幅、频率和颜色，生成多层SVG波浪，支持循环波动动画，导出CSS或SVG。
等轴测绘图板 - 像素级艾索风格建造
在等轴测网格上绘制建筑或场景，支持多图层及调色板，导出等轴测像素艺术作品。
互补色实时生成器 - 选一色得全套方案
选择任意基色，自动计算互补色、分裂互补及三分色，提供十六进制代码，一键复制。
设计评审模板 - 结构化反馈收集
上传设计稿，按喜欢、疑问、建议三区邀请评审回复，形成报告。
字母头像占位符生成器 - 基于姓名生成纯 CSS 头像
输入名字，生成带有首字母的彩色圆形头像，适合无头像用户使用。
简易盆景设计器 - 拖拽树木石头布局
在虚拟盆中拖拽树木、石头、苔藓等元素，设计自己理想的盆景样式。
简易Logo制作器 - 文字+形状组合矢量标志
选择图标形状，输入文字，调整颜色和布局，快速生成简易SVG格式Logo。
字距与字偶距预览器 - 实时调节CSS letter-spacing
输入文本，滑块调节letter-spacing和word-spacing，实时显示效果并复制CSS。
渐变文字CSS生成器 - 在线调节渐变色与裁剪
选取渐变色，实时预览渐变文字效果并生成background-clip:text代码。
毛玻璃面板生成器 - 模糊/透明度/边框精细调节
拖拽滑块调整背景模糊度、透明度与边框发光，实时预览毛玻璃面板并复制CSS代码。
SVG插画等比例缩放器 - 换色与导出
加载SVG插画，任意改变其整体或局部填充色，等比放大缩小后下载PNG。
图像配色方案生成器 - 提取主色并推荐和谐搭配
上传图片，自动提取主色并基于色轮生成类比色、互补色等调色板方案。
滚动文字横幅生成器 - 替代 marquee 标签
设置文字、速度和方向，生成使用 CSS 动画实现的滚动横幅代码。
SVG 图标优化器 - 精简路径数据与清理冗余
粘贴SVG代码，移除无用命名空间、注释与默认属性，减小文件体积，提升加载速度。
纸上原型拼接 - 快速线框屏幕流
提供常见UI组件的粗线框风格，拖拽拼接屏幕流程。
等距点阵纸生成器 - 3D草图绘制
生成等距视角的点阵纸，用于绘制3D等距草图，打印使用。
屏幕标尺量角器 - 叠加元素测量长宽角度
可拖拽的虚拟尺子和量角器叠于当前页面，精确测量像素长度与旋转角度。
Lorem Pixel 占位图生成器 - 指定尺寸类别
生成指定宽度和高度的占位图片，可选择类别（自然、人物、抽象）和灰度。
首屏大图构建器 - 标题/按钮/背景
设计带有大标题、描述、CTA 按钮和背景图的首屏区域，生成完整代码。
CSS 滚动条样式生成器 - ::-webkit-scrollbar 自定义美化
通过可视化控件定制滚动条轨道、滑块、按钮等伪元素样式，即时预览并复制生成代码。
高级占位图生成器 - 渐变/几何/文字组合
生成漂亮几何图案或文字占位图，指定尺寸，下载用于原型。
咖啡馆菜单板设计器 - 粉笔字风格生成
用类似粉笔的字体和装饰元素设计黑板风格的菜单板图片，适合小店使用。
调色板导出为 Tailwind 配置 - 从图片/手动生成色阶
从一个基色或图片提取的颜色，自动生成 50-950 的色阶并导出为 Tailwind CSS 配置。
几何图案生成器 - 重复网格与对称设计
选择对称组类型（p6m, p4m 等），绘制基础形状并自动生成无限重复的几何图案。
基线网格覆盖层生成器 - 垂直韵律对齐
在页面上叠加可调节的基线网格，可视化检查文字是否对齐基线，实现精确排版。
滚动驱动动画创作台 - 基于Scroll Timeline的可视化
配置滚动容器与目标元素，自定义随滚动触发的关键帧动画，输出纯CSS代码。
房间2D家具布局 - 拖拽俯视图看摆放
设定房间尺寸，拖拽床、桌等平面图标到画布，简易规划空间。