UD5工具箱
文字艺术特效生成 - 渐变/描边/3D字
输入文字，选择多种华丽特效（如金属光泽、冰冻效果），生成对应CSS样式。
快速预设
渐变设置
凹凸纹理
光照效果
拖拽旋转光照
实时渲染
渲染: 0ms
常见问题与知识点
什么是3D渐变纹理？
3D渐变纹理是在传统颜色渐变基础上，通过模拟凹凸贴图和光照效果生成的具有立体感的纹理。它使用法线映射技术，让平面纹理呈现出深度、光泽和阴影，广泛应用于UI设计、游戏材质和网页背景。
凹凸贴图是如何工作的？
凹凸贴图通过改变每个像素的"虚拟高度"来模拟表面细节。工具会计算高度图的梯度来获得表面法线，然后使用光照模型（环境光+漫反射+高光）来计算每个像素的最终颜色，从而产生立体错觉。
如何导出无缝纹理？
本工具生成的纹理基于数学函数（如正弦波、蜂窝网格等），天然具有周期性。选择合适的凹凸类型（如蜂窝、网格、条纹）并调整频率为整数倍，即可获得无缝平铺的纹理，下载PNG后可直接用于材质贴图。
光照方向如何影响纹理效果？
光照方向决定了纹理的高光和阴影位置。X方向控制左右光照，Y方向控制上下光照。您可以在预览画布上直接拖拽来直观地旋转光源方向，实时观察光影变化。环境光参数则控制整体亮度。
纹理频率是什么？
纹理频率控制凹凸细节的密度。频率越高，纹理细节越密集（如细密的织物）；频率越低，凹凸块越大（如大块的网格）。不同频率适合不同场景——低频率适合大面积背景，高频率适合细腻材质。
生成的CSS代码包含3D效果吗？
CSS目前不支持真正的凹凸贴图光照计算。复制CSS功能会生成基础渐变色代码，可用于简单的背景。如需完整的3D纹理效果，请使用"下载PNG"功能，将渲染好的纹理图片用于您的项目中。
新拟态调色板 - 根据背景色自动生成凹凸色
选择主背景色，自动推荐浅色高光和深色阴影值，用于新拟态UI。
新拟态面板生成器 - 柔和凹凸面板
调整光照角度和阴影深浅，生成柔和的Neumorphism风格面板CSS代码。
彩虹渐变边框生成器 - 动态旋转边框
生成围绕元素不停旋转的多彩渐变边框，通过conic-gradient实现。
卡通自拍生成器 - 边缘平滑加量化色彩
通过联合双边滤波和颜色量化，将自拍简化为柔和平滑的卡通人物风格。
CSS 3D变换测试器 - 透视/旋转效果
实时调整rotateX/Y/Z、perspective和translateZ，查看3D变换视觉效果。
图片 3D 透视变换工具 - 拖拽角点进行三维映射
在图片上拖拽四个角点，实现任意四边形映射，模拟三维空间中的图片摆放效果。
渐变背景合集 - 现成UI Gradient一键复制
精选数百种流行渐变配色，点击即复制CSS代码，用于网页或应用背景。
图片渐变色提取器 - 在线分析图片主渐变
从上传的图片中智能提取主要渐变色方向与色标，生成对应CSS渐变代码，用于设计背景。
图片高斯模糊工具 - Canvas在线模糊效果
在线对图片应用高斯模糊滤镜，可通过滑块调节模糊半径强度，实时预览效果并下载。
剪影生成器 - 提取人物/物体轮廓变黑
上传正面照，简单亮度阈值提取剪影，可下载PNG。
莫比乌斯环可视化 - 3D网页旋转展示
用WebGL或Three.js（轻量版）展示一条旋转的莫比乌斯带，可用鼠标拖拽视角。
文字动画GIF生成器 - 闪烁/打字效果
输入文字，选择闪烁、打字、彩虹等动态效果，生成文字动画GIF。
Canvas噪点纹理生成 - 可下载背景图
通过Canvas生成不同粒度、颜色的噪点纹理图片，适合用作页面背景或叠加。
单线一笔画艺术 - 将图片变成连续曲线
用一根连续不断的回旋曲线填充并重绘图片的原理，创造独特单线艺术。
暗色模式色板生成器 - 深色UI设计
通过调整深色背景与前景色的对比度，生成符合无障碍标准的深色主题色彩方案。
颜色飞溅效果生成器 - 去色留彩
用画笔在图片上涂抹，仅保留涂抹区域的颜色，其余转为黑白，突出主体。
图像漩涡旋转滤镜 - 核心旋转扭曲效果
将图像从中心点开始向外做逐渐减弱的旋转扭曲，生成超现实的漩涡画面。
形状过渡分割线生成 - 页面区块曲线背景
生成用于网页各区块间的波浪或倾斜过渡分割线，导出为SVG或CSS代码。
CSS图案生成器 - 条纹/格子/圆点背景代码
选择条纹、网格、波点等预设图案，调节颜色和尺寸，生成纯CSS background代码。
CSS 3D 变换沙盒 - 平移旋转缩放与透视
独立控制 perspective、rotateX/Y/Z、translateZ 等，实时查看3D卡片或立方体效果。
二维码美化器 - 定制颜色圆点样式
生成二维码的同时设置渐变色彩、圆角方块、添加中心Logo，并调节容错。
CSS 3D立方体生成器 - 旋转正方体代码
实时调整立方体尺寸、旋转角度和面颜色，生成纯CSS 3D立方体及动画。
轮播图代码生成器 - 滑动幻灯片HTML/JS
拖拽添加图片与文字，生成响应式轮播图Slider，支持自动播放和导航点，提供HTML/CSS/JS代码。
图像排线效果 - 交叉阴影线手绘风格
用密集的交叉线条重绘图片，光影由线条的粗细和密度决定，模拟版画排线风格。
CSS3渐变色库 - 预设精美渐变代码速查
浏览数百款精选CSS渐变背景，点击即可复制线性渐变或径向渐变代码，快速美化页面。
WebGPU 渐变渲染性能对比 - GPU vs CPU 绘制
分别使用 WebGPU 和 Canvas 2D 绘制复杂渐变，实时对比帧率与 CPU/GPU 占用，展示硬件加速优势。
图片反相效果 - 负片色彩Canvas在线制作
实现图片颜色反相，产生底片效果，可导出下载，调节亮度反转强度。
照片马赛克工具 - 可变块大小像素化遮盖
在图片上选定区域打马赛克，调整块大小，保护隐私部位或创造像素艺术，前端拖拽操作。
龙曲线分形生成器 - 迭代折线绘制
控制迭代次数，生成越来越复杂的折线龙曲线分形图案。