字体配对预览 - 标题正文字体组合
选择标题和正文的网络字体或系统字体,即时预览搭配效果。
UD5工具箱
整体时间偏移 & 速度伸缩 · 实时预览 · 支持上传与粘贴
输入 SRT 内容后,
调整后的字幕将在此实时预览
HH:MM:SS,mmm --> HH:MM:SS,mmm,分别表示开始时间和结束时间。小时为2位数字,毫秒为3位数字,使用逗号分隔。1
00:00:01,500 --> 00:00:04,000
你好,世界!
新时间 = (原时间 - 锚点时间) × 缩放比例 + 锚点时间 + 偏移量选择标题和正文的网络字体或系统字体,即时预览搭配效果。
加载可变字体,通过滑块调整字重、字宽、倾斜等注册轴,并导出设置代码。
一键转换字母、数字、标点符号的全角与半角形式,用于中英文混排规范化。
通过拖拽贝塞尔曲线调整图片的亮度和颜色映射,实现高级调色效果。
粘贴自定义图标字体的Unicode,调节尺寸颜色立即查看效果。
从上传的图片中提取主要颜色或指定像素的RGB/HEX值,生成图片调色板,辅助配色设计。
上传GIF,通过滑块改变帧间延迟实时预览变速效果,并下载修改后的动图。
本地音频或麦克风输入时,显示随音乐跳动的频谱柱状图,多种配色风格。
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异,辅助选择合适曲线。
生成用于网页各区块间的波浪或倾斜过渡分割线,导出为SVG或CSS代码。
上传图片,显示红、绿、蓝及亮度通道的直方图,辅助评估曝光与色彩分布。
输入文字,选择闪烁、打字、彩虹等动态效果,生成文字动画GIF。
在页面上叠加可调节的基线网格,可视化检查文字是否对齐基线,实现精确排版。
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
在时间轴上拖拽添加属性关键帧,实时预览动画并生成 @keyframes 代码。
配置字体、颜色、背景,生成可粘贴到浏览器控制台的%c格式化日志代码。
输入CSS选择器和属性值,瞬间预览在当前页面元素上的效果(不改变实际样式)。
为每个字符添加Unicode删除线组合符号,生成带删除线的纯文本,适用于格式化受限场景。
常用HTML实体编码(如© ©)的图形化速查表,点击即可复制实体名称或数字代码。
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
选择基数大小与比例(如黄金比例),预览标题到正文字号层叠样式序列。
输入最小视口和最大视口下的字号,生成利用clamp()的流畅缩放字体规则。
输入列表项,通过鼠标拖拽手动排列项目顺序后导出。
锁定饱和度和明度,拖动色相滑块生成一系列和谐的单色调色板。
输入文字,选择多种华丽特效(如金属光泽、冰冻效果),生成对应CSS样式。
创建一个测试自定义元素,记录并展示 connectedCallback, attributeChangedCallback 等执行顺序。
输入一堆颜色,按色相、饱和度或亮度重新排序,生成美观的渐变列表。
编写O与对应KR,可视化进度条与完成度,团队或个人目标跟踪的轻量替代。
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
输入英文单词,使用规则引擎划分音节并在元音上标记重音位置。