色盲安全调色板推荐 - 数据可视化配色
提供多组在各色盲类型下仍可区分的定性、连续配色方案,辅助图表设计。
UD5工具箱
模拟不同类型色觉异常下的Ishihara假同色图 — 理解色盲眼中的世界
提供多组在各色盲类型下仍可区分的定性、连续配色方案,辅助图表设计。
加载音频流并通过 BiquadFilterNode 应用不同类型的滤波,实时调节频率和 Q 值。
通过人脸关键点定位,在视频流中给嘴唇和脸颊叠加色彩。
输入目标URL,发送预检请求,分析Access-Control-*头,诊断跨域问题。
为摄像头画面添加紫色/霓虹色调、扫描线和色相差,实现Cyberpunk风格自拍。
在正常文字上下添加大量Unicode组合符号,产生毛刺、阴森的Zalgo效果,可调强度。
使用 ConvolverNode 或算法混响,模拟不同空间环境的声音混响效果,如浴室、音乐厅。
从麦克风采集声音,用Web Audio实时改变音高、加速、加回声或机器人效果。
为图片添加凸变或凹变扭曲,模拟超广角鱼眼镜头的夸张效果。
展示如何用默认策略将字符串转换为TrustedHTML,并观察禁止直接赋值的安全限制。
粘贴 Mustache 模板与数据 JSON,所见即所得地渲染输出,支持节段和反转节段。
在支持手部追踪的 XR 设备上,展示裸手交互的 VR/AR 体验。
展示 WebGPU 的网格和任务着色器如何代替传统顶点处理管线。
随机生成或手动添加种子点,实时绘制泰森多边形分割区域,可导出为SVG或图片。
播放标准音A后弹奏另一个音,用唱名(do re mi)或音名(CDE)识别音高。
网页全屏彩色灯光,随麦克风捕捉的音量跳动,制造派对或直播氛围。
使用紧邻插值算法将像素画放大两到三倍而不变模糊,保持锐利边缘。
展示Tailwind CSS全套颜色(50-950)的色块,点击复制对应的类名或十六进制值。
使用范围请求安全地检查密码是否出现在已知数据泄露库中(不发送完整密码)。
导入 Voiceflow 项目文件,在浏览器中模拟语音对话流程,调试交互逻辑。
输入域名,调用开放的WHOIS API获取注册信息,返回可用信息片段(需API兼容)。
粘贴 Prisma schema 内容,自动绘制实体关系图,展示模型间关联。
可视化CSS box-shadow生成工具,拖拽调整阴影偏移、模糊、扩散、颜色,实时预览并生成代码。
在隔离的模拟环境中输入 SQLi 载荷,展示注入前后 SQL 语句变化,纯粹用于教学。
输入一组快捷键,检测在主流操作系统和浏览器中是否已被系统或软件占用。
跟随音乐节奏点击按钮或敲击键盘,实时计算每分钟节拍数 (BPM) 和平均间隔。
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
显示一系列石原色觉测试图,框选所见数字,初步判断色觉异常。
基于屏幕物理尺寸校准后显示标准对数视力表,粗测裸眼视力。
使用设备光线传感器显示当前环境亮度,评估阅读/工作照明是否足够。