脸型自测分析 - 根据比例猜脸型
输入额头、颧骨、下巴宽度及脸长数据,工具推测你的大致脸型。
像素头像生成器 - 拼装发型/五官/服饰
逐层选择发型、眼睛、嘴巴、衣服等像素部件,组合成独一无二的像素头像。
色彩搭配方案生成器 - 互补/三角/矩形调色
根据一个基础色生成互补色、分裂互补、三角色、矩形色等经典配色方案,并显示色块和代码。
新拟态调色板 - 根据背景色自动生成凹凸色
选择主背景色,自动推荐浅色高光和深色阴影值,用于新拟态UI。
图像配色方案生成器 - 提取主色并推荐和谐搭配
上传图片,自动提取主色并基于色轮生成类比色、互补色等调色板方案。
图片配色提取器 - 从任何图片生成调色板
上传图片或粘贴 URL,提取主色调和辅助色,保存为调色板集合。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
二维码美化器 - 定制颜色圆点样式
生成二维码的同时设置渐变色彩、圆角方块、添加中心Logo,并调节容错。
二维码艺术破坏实验 - 遮盖/涂鸦看容错
在生成的二维码上绘图或遮盖,测试L、M、Q、H不同容错级别的解码成功率。
墙壁颜色模拟器 - 照片替换刷漆效果
上传房间照片,选取目标区域改变颜色,预览不同墙漆效果,辅助选色。
色彩性格快速测试 - 选出颜色看解析
从几种颜色排列中选择最吸引你的,给出趣味性格解读。
content-visibility 性能演示 - 跳过渲染不可见区域
对长列表应用 content-visibility:auto,对比启用前后渲染时间和内存占用。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组,以彩色条动画展示排序过程,帮助理解算法。
Snowflake ID 在线解析器 - Twitter 风格 ID 解构
输入一个 Snowflake 格式的数字 ID,解析出生成时间戳、数据中心、机器编号和序列号。
HTTP/2 Server Push测试 - Link头解析
粘贴Link rel=preload头字段,解析展示服务器计划推送的资源列表。
通知提示音试听 - 各种UI提醒声音
内置多种轻短的通知声音,点击试听,选择配套项目使用(提供Base64代码)。
品牌颜色提取器 - 输入品牌名查官方色
搜索知名品牌名称,显示其标志性的官方HEX颜色代码。
安全头部报告卡 - 检测并评分 HTTP 安全响应头
扫描 URL,对 CSP、HSTS、X-Frame-Options 等安全头的设置进行 A+ 到 F 的等级评定。
反应速度测试 - 点击变色/音效反应
屏幕颜色变化时尽快点击,测量从刺激到反应的时间,统计平均反应速度。
Image Capture API 演示 - 拍照并获取原始帧
使用 ImageCapture.takePhoto() 拍摄高分辨率照片,或抓取实时帧并下载。
360全景图片查看器 - 拖拽旋转VR体验
上传等距柱状投影全景图,鼠标拖拽旋转视角,支持手机陀螺仪,沉浸式浏览。
代码语法高亮工具 - 在线代码美化展示
粘贴代码自动进行语法高亮显示,支持主流编程语言,生成带行号的HTML代码块,方便嵌入博客。
二分图最大匹配 Hopcroft-Karp 演示
展示 Hopcroft-Karp 算法寻找最大匹配的过程,包括 BFS 和 DFS 阶段。
朱利亚集分形探索 - 互动缩放彩色复数
交互式探索Julia集,实时调整复数参数c,支持平滑着色和鼠标缩放,感受分形之美。
字体配对预览 - 标题正文字体组合
选择标题和正文的网络字体或系统字体,即时预览搭配效果。
照片马赛克生成器 - 上传图片分割成彩色方块
上传图片,调节块大小,生成马赛克风格图片,可下载。
暗色模式色板生成器 - 深色UI设计
通过调整深色背景与前景色的对比度,生成符合无障碍标准的深色主题色彩方案。
图片背景预览器 - 不同UI背景效果模拟
上传图片并在白色、黑色、透明等背景上预览效果,辅助电商首图或UI元素设计。
提示音效合成器 - 在线生成清脆提醒音
调节频率、包络和波形,合成短促的UI提示音并下载WAV。
前端性能最佳实践自查表 - 交互式检查清单
覆盖加载、渲染、安全、可访问性等领域的自查清单,勾选后生成得分与建议。
UD5工具箱