UD5工具箱
像素排序艺术 - 按亮度/色相重排像素
沿行或列按亮度或色相对像素进行排序，产生独特的故障艺术效果。
摄像头未连接
提示：绿幕效果需要纯色背景（如绿色幕布），调整容差可获得最佳抠图效果。
常见问题与知识点
什么是实时绿幕（色度键控）技术？
实时绿幕技术通过识别视频画面中特定颜色（通常为绿色或蓝色），将其替换为透明或另一背景。本工具使用Canvas逐像素分析RGB颜色距离，当像素颜色与目标幕布色在容差范围内时，自动将其替换。这项技术广泛应用于直播、视频会议、影视制作等领域。
如何调节容差获得最佳绿幕效果？
容差决定了与目标颜色"多接近"的像素会被替换。容差过低会导致绿幕残留（抠不干净），容差过高则会误删主体边缘。建议从30%开始，逐步微调。开启"边缘柔化"可以让过渡更自然，减少锯齿感。良好的打光和均匀的幕布颜色是获得专业效果的关键。
支持哪些视频特效？处理性能如何？
本工具支持6种特效：原始（无处理）、绿幕（色度键控抠图）、灰度（黑白效果）、反转（反色/负片）、复古（棕褐色调）、模糊（高斯模糊）。除绿幕需CPU逐像素处理外，其余特效均使用GPU加速的Canvas滤镜，性能优异，在主流设备上均可流畅运行。
为什么我的摄像头画面是反的？如何镜像？
前置摄像头默认会进行水平翻转（镜像），这符合人们照镜子时的视觉习惯。您可以通过"镜像"按钮随时切换翻转状态。后置摄像头通常不需要镜像。截图下载时会保留当前的镜像设置。
截图下载支持什么格式？绿幕透明背景如何保存？
截图默认保存为PNG格式，完整保留Alpha透明通道。当绿幕模式选择"透明"替换时，抠图区域以真实透明像素存储，可直接用于二次合成。选择白色/黑色替换时则输出不透明图片。您也可以使用自定义颜色替换背景。
Canvas视频处理与WebRTC有什么关系？
本工具使用getUserMedia API（WebRTC的一部分）获取摄像头视频流，然后通过Canvas 2D API对每一帧进行实时处理和渲染。整个处理流程完全在浏览器端完成，视频数据不会上传到服务器，确保隐私安全。Canvas的滤镜和像素操作为实时视频特效提供了强大的底层支持。
实时色盲模拟摄像头滤镜 - 理解色彩感知差异
调用摄像头，实时应用红色盲、绿色盲、蓝黄色盲等滤镜，让普通人体验色觉障碍者的世界。
图片亮度对比度调节 - 在线曝光调整工具
拖动滑块调节图片的亮度和对比度，实时预览效果，保存调整后的图片，基础修图必备。
实时色盲滤镜预览 - 摄像头/屏幕查看
调用摄像头或截取屏幕区域，叠加色觉障碍模拟滤镜，帮助理解不同色盲视角。
渐变噪点混合器 - 生成带纹理的CSS背景
将CSS渐变与SVG噪点滤镜叠加，生成富有质感的网页背景代码。
玻璃拟态生成器 - 模糊透明背景元素
生成带有 backdrop-filter 模糊效果的半透明玻璃质感UI元素代码。
无障碍颜色组合测试 - 模拟不同视觉条件下的可读性
输入文本和背景颜色，同时模拟模糊、低对比度、色盲等效果，评估可访问性。
视差滚动演示器 - 多层背景不同速滚动
构建多层视差滚动示例，调整各层速度和方向，生成简洁HTML/CSS模板。
图片曲线调整工具 - RGB 与明度通道调色
在曲线上添加控制点调节图片亮度和各颜色通道，支持 S 曲线、反相、负片等高级调色效果。
RGB通道混合器 - 交换/调整颜色通道
独立编辑红、绿、蓝通道的强度，甚至交换通道，创造迷幻色彩效果。
照片色调映射器 - HDR效果局部调整
通过调整局部对比度和曝光，将普通照片处理为类似HDR的增强视觉效果。
图片渐变叠加生成器 - 添加色彩滤镜层
选择一个渐变样式覆盖在图片上，调整混合模式和不透明度，制作氛围图片。
高光/阴影恢复工具 - 调节图片动态范围
单独提升图片的阴影亮度或压低高光，恢复过曝或欠曝区域的细节。
像素画生成器 - 图片转像素风格(Canvas)
将图片转换为像素艺术风格，可调整像素块大小，生成复古像素效果，纯前端Canvas渲染。
颜料调色模拟器 - 减法混色CMYK结果
选择青、品、黄、黑等基本颜料，按比例混合，预览油画或水彩的调色结果。
WCAG对比度调节器 - 微调颜色达标
输入背景和文字颜色，若对比度不达标，自动计算需微调至最近达标色的方案。
动态模糊效果 - 方向性拖影滤镜
给图片添加线性运动方向的模糊痕迹，可调节角度和强度，增强速度感。
色盲模拟器 - 图片滤镜在线预览色觉缺陷
上传图片，套用红色盲、绿色盲、蓝色盲等滤镜，模拟色觉障碍者所见的颜色效果。
无障碍图表模式库 - 颜色与纹理组合示例
提供不仅依赖颜色的图表模式示例（结合纹理、形状），确保色盲用户也可区分数据。
CSS颜色混合演示 - color-mix()实时预览
选择两个颜色和色彩空间，调整混合比例，实时预览并生成CSS color-mix()函数代码。
色觉缺陷模拟器 - 上传图片体验不同色盲
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
灰度对比度检测 - 视觉重量分析
输入两种颜色，显示它们的灰度值并对比视觉重量，适用于层次设计。
在线颜色混合器 - 两种颜色实时叠加渐变
选择两种颜色并设定混合比例，实时展示混合结果及色值，辅助UI配色。
色盲模拟器(图片版) - 上传照片看各种色觉障碍效果
上传图片，选择不同色觉障碍类型，实时预览在这些色觉下的效果，辅助设计。
音画同步测试视频产生器 - 闪屏加滴答声
生成带有严格同步滴答声的闪烁测试视频，用于校正播放设备延迟。
环境光传感器自适应主题 - 亮度变化触发暗色模式
利用环境光传感器读数自动切换网页的亮色/暗色主题，并展示光照强度曲线。
渐变断点可视化编辑器 - 拖拽色标调整渐变
在渐变条上拖拽添加和移动色标，调整颜色和位置，实时输出 CSS linear-gradient 代码。
颜色渐变色带生成 - 等距N色方案
选择起止颜色及所需色阶数，生成均匀插值的颜色数组，输出HEX列表或CSS渐变。
反应速度测试 - 屏幕变色即点击
等待背景从红变绿瞬间点击，记录毫秒级反应时间，可多次取平均。
随机配色对比度测试 - 随机生成检查
随机生成一对背景和文字颜色，并显示其WCAG对比度是否合格。