UD5工具箱
渐变文字生成器 - CSS文字渐变色代码生成
为文字添加线性渐变或径向渐变填充效果，实时预览并生成兼容的CSS background-clip代码。
暗黑模式切换器 - CSS变量自动生成
预设配色方案
CSS 变量编辑
实时预览
亮色
暗色
示例标题 Heading
这是一段用于展示正文文字颜色的示例段落。CSS变量让主题切换变得异常简单。
📌 边框与阴影效果预览区域
生成的CSS代码
JavaScript 切换代码
常见问题与知识点
纯CSS标签页生成器 - Radio按钮控制面板
生成使用隐藏radio按钮和CSS控制切换的内容标签页代码，无需JavaScript。
绿幕视频处理 - 替换视频背景为图片
上传绿幕视频和新背景图，实时抠像合成预览并可选录制成WebM。
HSL/HSV转HEX工具 - 色彩空间快速换算
输入色相、饱和度、亮度/明度参数，即时转换为HEX和RGB颜色值，直观调节色彩。
减淡加深工具 - 局部提亮变暗
用画笔在图片上涂抹进行减淡（提亮）或加深（变暗），模拟传统暗房技术。
一键图片美化 - 自动色阶/对比度/锐化
自动拉伸直方图、平衡对比度和轻微锐化，快速改善普通照片的视觉效果。
在线图片取色盘 - 直接粘贴URL提取主色
输入图片链接，加载后从中提取5种主要颜色生成调色板，无需手动上传。
HTML转纯文本 - 去除所有标签保留结构
粘贴HTML代码，提取纯文本内容并保留段落结构。
环境光感应主题切换演示 - 亮度级别自适应暗色
读取设备的AmbientLightSensor数值，超过阈值自动切暗色主题，保护夜间视力。
术语表生成器 - 圈出专有名词并生成清单
粘贴技术文档，提取所有首字母大写的短语并生成带定义的简易术语表。
Promise/异步可视化 - 状态图和时间线
创建Promise并延迟解析，可视化显示挂起、兑现、拒绝的状态转换及时间线。
JavaScript 代码执行计时器 - 测量函数运行耗时
输入函数调用，使用 console.time 或 performance.now 精确测量代码块执行时间。
浏览器Cookie编辑器 - 增删改查
以表格形式查看当前页所有Cookie，可修改值、有效期、属性或删除。
温度记录仪 - 手动输入生成图表
手动记录不同时间点的温度读数，自动生成时间-温度折线图。
字体子集化工具 - 按需提取字符
上传字体文件(或使用系统字体)，输入需要保留的字符集，生成只含这些字的精简字体。
图片颜色量化 - 降低色数生成复古GIF风
将图片减少到指定的颜色数量（如8色、16色），生成类似老式游戏画面。
代码片段库管理 - 本地保存常用代码
保存并分类管理自己常用的代码片段，支持搜索和复制，localStorage存储。
特殊字符实体速查 - 搜索并复制编码
浏览所有HTML实体符号，点击复制&code;或数字编码。
requestIdleCallback 任务调度演示 - 空闲时间利用
模拟在主线程繁忙时插入低优先级任务，观察 requestIdleCallback 如何将任务推迟到空闲周期执行。
CHANGELOG 生成器 - 基于约定式提交自动编写变更日志
粘贴 Git 提交记录，按类型分类生成结构化的 CHANGELOG.md 内容。
声音控制渐变背景 - 音量变化改变颜色
用麦克风音量控制网页背景渐变的动态变化，适合音乐可视化与PPT互动。
光合作用过程动画 - 光反应与暗反应步骤
逐步播放叶绿体中进行的光合作用，标注参与物质与能量变化。
语音空白修剪器 - 自动切除开头结尾静音
上传录音，自动检测并裁剪掉头尾的静音片段，保留有声音的部分。
绿幕/蓝幕图片抠图 - Canvas简单色键移除背景
上传纯色背景图片，选择要去除的背景颜色和容差，替换为透明或新背景。
开发者Cookie编辑器 - 修改值和属性
方便地查看、编辑、删除和添加当前页面的Cookie，带导入导出。
JSON转TOML工具 - 生成更可读的配置文件
将JSON数据转换为TOML格式，保留注释风格，输出更符合人类阅读习惯的配置文件。
文本重复段落删除器 - 去重并排序
将整段文本按行分割，删除完全重复的行，并可选按字母/数字排序输出。
桑基图生成器 - 流量/能量分流图
通过CSV或手动输入源、目标、数值，生成展示流向和占比的桑基图。
炼金配方生成器 - 虚构药水配方
随机组合草药、矿物和魔法材料生成虚构的炼金药水配方及其效果描述。
英文句子图解生成器 - 主谓宾定状关系图
输入英文句子，基于自然语言处理库自动绘制句子成分关系图，辅助语法学习。