UD5工具箱
像素画生成器 - 图片转像素风格(Canvas)
将图片转换为像素艺术风格，可调整像素块大小，生成复古像素效果，纯前端Canvas渲染。
像素排序艺术 - 按亮度/色相重排像素
像素排序
拖拽图片到此处
或点击选择文件
支持 JPG / PNG / WebP
快速预设
1 (整行)32 (细碎)
常见问题
什么是像素排序艺术？
像素排序（Pixel Sorting）是一种数字艺术手法，通过按照某种规则（如亮度、色相）对图像中的像素进行重新排列，创造出独特的条纹、渐变和故障艺术效果。它在glitch art和生成艺术领域非常流行。
哪种排序模式效果最好？
亮度排序是最经典的选择，能产生自然的明暗过渡条纹。色相排序会创造出彩虹般的色彩流动。建议从"经典水平"预设开始尝试，然后调整分段数和阈值来获得不同效果。
阈值过滤有什么作用？
阈值过滤让你只对画面中亮部或暗部的像素进行排序，其余像素保持原样。这能创造出"部分溶解"的效果——例如只排序高光区域，阴影部分保持原貌，形成强烈的视觉对比。
分段数如何影响效果？
分段数控制每行/列被切分成多少段独立排序。分段数=1时整行统一排序，产生平滑渐变；分段数越高，图案越细碎重复，形成波纹或编织般的纹理效果。
图片会被上传到服务器吗？
不会。所有图像处理都在您的浏览器本地完成，使用Canvas API进行像素操作。您的图片不会离开您的设备，完全保护隐私。
预览
上传图片以开始创作
支持拖拽上传
像素排序艺术生成器 - 方向/阈值控制
对图片像素沿特定方向按明亮度排序，生成拉伸条纹的数字艺术效果。
图片亮度对比度调节 - 在线曝光调整工具
拖动滑块调节图片的亮度和对比度，实时预览效果，保存调整后的图片，基础修图必备。
颜料调色模拟器 - 减法混色CMYK结果
选择青、品、黄、黑等基本颜料，按比例混合，预览油画或水彩的调色结果。
视差滚动演示器 - 多层背景不同速滚动
构建多层视差滚动示例，调整各层速度和方向，生成简洁HTML/CSS模板。
灰度对比度检测 - 视觉重量分析
输入两种颜色，显示它们的灰度值并对比视觉重量，适用于层次设计。
数图/绘图逻辑 - 按行列数字填色块
根据每行每列的数字提示，填充正确格子，最终显示隐藏图画。
图片曲线调整工具 - RGB 与明度通道调色
在曲线上添加控制点调节图片亮度和各颜色通道，支持 S 曲线、反相、负片等高级调色效果。
颜色渐变色带生成 - 等距N色方案
选择起止颜色及所需色阶数，生成均匀插值的颜色数组，输出HEX列表或CSS渐变。
无障碍图表模式库 - 颜色与纹理组合示例
提供不仅依赖颜色的图表模式示例（结合纹理、形状），确保色盲用户也可区分数据。
照片二次曝光合成 - 叠加两张图片混合
将两张图片叠加，并应用屏幕、叠加等混合模式，创造艺术化双重曝光效果。
像素排序艺术生成器 - Glitch故障风格
将图片像素按亮度或色相排序，生成拉伸条状的故障艺术效果。
RGB通道混合器 - 交换/调整颜色通道
独立编辑红、绿、蓝通道的强度，甚至交换通道，创造迷幻色彩效果。
色盲模拟器(图片版) - 上传照片看各种色觉障碍效果
上传图片，选择不同色觉障碍类型，实时预览在这些色觉下的效果，辅助设计。
WCAG对比度调节器 - 微调颜色达标
输入背景和文字颜色，若对比度不达标，自动计算需微调至最近达标色的方案。
实时色盲模拟摄像头滤镜 - 理解色彩感知差异
调用摄像头，实时应用红色盲、绿色盲、蓝黄色盲等滤镜，让普通人体验色觉障碍者的世界。
语义颜色测试器 - 将颜色与含义匹配看多久判断
显示用错误颜色书写的颜色名，用户需按实际含义或墨水色反应，类似Stroop测验。
随机配色对比度测试 - 随机生成检查
随机生成一对背景和文字颜色，并显示其WCAG对比度是否合格。
图片渐变叠加生成器 - 添加色彩滤镜层
选择一个渐变样式覆盖在图片上，调整混合模式和不透明度，制作氛围图片。
渐变噪点混合器 - 生成带纹理的CSS背景
将CSS渐变与SVG噪点滤镜叠加，生成富有质感的网页背景代码。
音画同步测试视频产生器 - 闪屏加滴答声
生成带有严格同步滴答声的闪烁测试视频，用于校正播放设备延迟。
彩色数图逻辑谜题 - 多色块填色
传统数图升级为多彩版本，按行列多颜色提示涂色，最终生成彩色像素画。
动态模糊效果 - 方向性拖影滤镜
给图片添加线性运动方向的模糊痕迹，可调节角度和强度，增强速度感。
色盲模拟器 - 图片滤镜在线预览色觉缺陷
上传图片，套用红色盲、绿色盲、蓝色盲等滤镜，模拟色觉障碍者所见的颜色效果。
图片隐写检测器 - LSB残差图查看
加载图片，显示其最低有效位平面图，辅助发现可能存在的LSB隐写信息。
像素字号转视口单位 - vw字体换算
输入设计稿像素字号和画布宽度，反向计算出对应的vw单位和fallback。
BlurHash占位图生成器 - 从图片生成模糊预览
上传图片，生成BlurHash字符串和对应的CSS占位图像，用于渐进式加载。
渐变断点可视化编辑器 - 拖拽色标调整渐变
在渐变条上拖拽添加和移动色标，调整颜色和位置，实时输出 CSS linear-gradient 代码。
散点图在线制作 - 输入两组数据直接出图
输入或上传(CSV)两组数值数据，自动绘制散点图并显示回归趋势线。
环境光传感器自适应主题 - 亮度变化触发暗色模式
利用环境光传感器读数自动切换网页的亮色/暗色主题，并展示光照强度曲线。