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