UD5工具箱
专辑封面配色提取器 - 抓取音乐封面生成色板
输入歌曲或专辑名，搜索封面图并自动提取主色调，生成音乐风格调色板。
设计工具 - UI辅助与视觉创作
共 99+ 款工具有机形状/气泡生成器 - CSS border-radius 不规则圆形
拖拽控制点创建不规则、有机感的圆角形状，生成对应的 border-radius 代码。
渐变边框生成器 - 使用 border-image 或 background-clip
生成带有渐变颜色的边框效果，支持 border-image 和 background-clip 两种实现方式。
HSL 颜色微调器 - 滑块调节色相/饱和度/亮度
使用三个滑块精细调整 HSL 各分量，实时预览颜色并复制十六进制或 RGB。
黄金螺旋叠加工具 - 构图参考线生成
在图片上叠加黄金螺旋和黄金比例网格，辅助摄影或绘画构图分析。
调色板导出为 Tailwind 配置 - 从图片/手动生成色阶
从一个基色或图片提取的颜色，自动生成 50-950 的色阶并导出为 Tailwind CSS 配置。
图像配色方案生成器 - 提取主色并推荐和谐搭配
上传图片，自动提取主色并基于色轮生成类比色、互补色等调色板方案。
字母头像占位符生成器 - 基于姓名生成纯 CSS 头像
输入名字，生成带有首字母的彩色圆形头像，适合无头像用户使用。
Lorem Pixel 占位图生成器 - 指定尺寸类别
生成指定宽度和高度的占位图片，可选择类别（自然、人物、抽象）和灰度。
CSS 滤镜预设画廊 - 一键复制复古/鲜艳等效果
展示多种组合好的 CSS filter 效果（如 1977、古铜色），点击图片应用并复制代码。
聊天消息预览模拟器 - 生成仿 IM 截图
自定义发送者和消息内容，生成逼真的聊天对话界面截图，用于演示或原型。
视差背景生成器 - 纯 CSS 多层效果
上传图片并设置层位置和滚动速度，生成纯 CSS 的多层视差滚动背景代码。
混合模式叠加实验室 - 图层与颜色交互
选择两张图片或纯色图层，切换 multiply、screen、overlay 等混合模式，预览并生成 CSS。
Tailwind 调色板可视化浏览器 - 所有色阶一览
可视化浏览 Tailwind CSS 所有内置颜色的 50-950 色阶，点击复制类名或色值。
首屏大图构建器 - 标题/按钮/背景
设计带有大标题、描述、CTA 按钮和背景图的首屏区域，生成完整代码。
步骤进度指示器生成器 - 多步流程可视化
设置步骤数量和当前步骤，生成带连线的步骤进度条，常用于结账或表单引导。
CSS 3D 立体文字生成器 - 多层阴影叠加
通过多层 text-shadow 叠加生成具有厚度和光照感的 3D 文字效果。
彩虹文字生成器 - 渐变流动动画文字
生成背景渐变动画并使用 background-clip 填充文字的彩虹效果代码。
滚动文字横幅生成器 - 替代 marquee 标签
设置文字、速度和方向，生成使用 CSS 动画实现的滚动横幅代码。
加载动画合集 - 纯 CSS 旋转器/骨架屏
展示数十种纯 CSS 的加载动画和骨架屏效果，点击复制代码直接使用。
图片配色提取器 - 从任何图片生成调色板
上传图片或粘贴 URL，提取主色调和辅助色，保存为调色板集合。
多层阴影层设计器 - 拟物化/纸雕效果
添加多个阴影层，独立调节每层的偏移、模糊、扩展和颜色，创造复杂立体效果。
Particles.js 配置生成器 - 粒子背景可视化定制
调整粒子数量、形状、颜色、连线等参数，实时预览粒子背景效果，导出 Particles.js 配置 JSON。
Emoji 转 Favicon 生成器 - 快速创建网站图标
选择一个 Emoji 作为图标，生成标准尺寸的 .ico 和 PNG 文件，直接用作网站 Favicon。
几何图案生成器 - 重复网格与对称设计
选择对称组类型（p6m, p4m 等），绘制基础形状并自动生成无限重复的几何图案。
渐变断点可视化编辑器 - 拖拽色标调整渐变
在渐变条上拖拽添加和移动色标，调整颜色和位置，实时输出 CSS linear-gradient 代码。
基线网格覆盖层生成器 - 垂直韵律对齐
在页面上叠加可调节的基线网格，可视化检查文字是否对齐基线，实现精确排版。
CSS 背景图案生成器 - 条纹/点/网格重复背景
通过可视化参数生成纯 CSS 的背景图案（斜条纹、圆点、方格等），实时调整颜色和尺寸。
图片调色板提取工具 - 从图像分析主要颜色
上传图片，提取前 N 个主导颜色及其占比，生成配色板供设计使用，支持导出 HEX 数组。
WCAG 颜色对比度检查器 - 无障碍合规性测试
输入前景和背景颜色，计算对比度比率并评估是否满足 WCAG AA/AAA 级标准，助力无障碍设计。
CSS 文字装饰在线编辑器 - 下划线/删除线/波浪线样式定制
调整 text-decoration-line、style、color、thickness 等属性，实时预览文字装饰效果并生成代码。
CSS 计数器样式在线预览 - 自定义有序列表标记
选择不同的 list-style-type（disc, decimal, lower-roman 等）并实时查看列表样式渲染效果。
CSS 滚动条样式生成器 - ::-webkit-scrollbar 自定义美化
通过可视化控件定制滚动条轨道、滑块、按钮等伪元素样式，即时预览并复制生成代码。
CSS Transform 在线生成器 - 平移/旋转/缩放/倾斜 可视化
拖拽或输入数值组合多个 CSS transform 函数，实时观察元素变换效果并获取代码。
CSS 混合模式在线演示 - mix-blend-mode 与 background-blend-mode 预览
选择不同的混合模式并调整背景与前景，实时查看混合效果，支持所有标准混合模式。
餐车菜单板设计 - 粉笔效果字体生成
输入菜品与价格，生成复古黑板风格的菜单图片。
网页CSS变量提取为色板 - 一键查看站点主题色
输入网址，提取页面定义的所有CSS自定义属性（颜色），生成直观调色板。
色盲模拟器(图片版) - 上传照片看各种色觉障碍效果
上传图片，选择不同色觉障碍类型，实时预览在这些色觉下的效果，辅助设计。
画面宽高比计算器 - 16:9/4:3/21:9尺寸推导
给定一个边长或对角线，根据常见比例计算另一边长或分辨率。
照片打印尺寸与像素换算 - 冲印精度要求
输入照片像素与期望DPI，计算最大清晰打印尺寸，或反向求所需像素。
房间2D家具布局 - 拖拽俯视图看摆放
设定房间尺寸，拖拽床、桌等平面图标到画布，简易规划空间。
巡演海报设计器 - 复古摇滚风格
填写乐队名、日期与城市，生成一张老式丝印风格巡演海报。
演唱会歌单海报生成 - 复古歌单排版
输入艺人名与曲目，自动生成一份模拟演唱会实况的歌单海报图片。
字距与字偶距预览器 - 实时调节CSS letter-spacing
输入文本，滑块调节letter-spacing和word-spacing，实时显示效果并复制CSS。
互补色实时生成器 - 选一色得全套方案
选择任意基色，自动计算互补色、分裂互补及三分色，提供十六进制代码，一键复制。
图标字体实时预览 - 输入码点测试大小
粘贴自定义图标字体的Unicode，调节尺寸颜色立即查看效果。
纸上原型拼接 - 快速线框屏幕流
提供常见UI组件的粗线框风格，拖拽拼接屏幕流程。
设计评审模板 - 结构化反馈收集
上传设计稿，按喜欢、疑问、建议三区邀请评审回复，形成报告。
渐变文字CSS生成器 - 在线调节渐变色与裁剪
选取渐变色，实时预览渐变文字效果并生成background-clip:text代码。
网页字体实时预览 - 输入Google Font名即时应用
输入字体名或从列表选择，在示例文本上立刻看效果，获得@import代码。
标签云生成器 - 输入词语频率生成CSS
输入词汇及其权重，生成可交互的HTML标签云。
文本高亮效果生成器 - 荧光笔/下划线动画
制作像荧光笔划过的高亮背景或扫描下划线效果，导出类名。
互动渐变探索器 - 抓取渐变色标移动
在色带任意位置点击添加色标并拖拽，感受渐变设计。
高级占位图生成器 - 渐变/几何/文字组合
生成漂亮几何图案或文字占位图，指定尺寸，下载用于原型。
新拟态调色板 - 根据背景色自动生成凹凸色
选择主背景色，自动推荐浅色高光和深色阴影值，用于新拟态UI。
现代平滑阴影生成器 - 多层阴影叠加
通过叠加多个阴影创建柔和且真实的UI投影，导出CSS。
高级CSS图案背景库 - 精选条纹/圆点/棋盘
浏览数十种纯CSS实现的几何背景图案，一键复制代码。
颜色找名字 - 输入HEX自动匹配最接近命名色
输入十六进制色码，返回最接近的HTML颜色名或传统色名。
平铺水印生成器 - 满布透明文字/Logo
输入文字或上传Logo，生成半透明平铺在图片上的CSS或PNG水印层。
社媒封面图制作 - 预设尺寸文字叠加
按Facebook/Youtube/Twitter标准尺寸生成背景，叠加文字，下载封面。