图片亮度对比度调节 - 在线曝光调整工具
拖动滑块调节图片的亮度和对比度,实时预览效果,保存调整后的图片,基础修图必备。
RGB通道混合器 - 交换/调整颜色通道
独立编辑红、绿、蓝通道的强度,甚至交换通道,创造迷幻色彩效果。
照片色调映射器 - HDR效果局部调整
通过调整局部对比度和曝光,将普通照片处理为类似HDR的增强视觉效果。
WCAG对比度调节器 - 微调颜色达标
输入背景和文字颜色,若对比度不达标,自动计算需微调至最近达标色的方案。
高光/阴影恢复工具 - 调节图片动态范围
单独提升图片的阴影亮度或压低高光,恢复过曝或欠曝区域的细节。
图片渐变叠加生成器 - 添加色彩滤镜层
选择一个渐变样式覆盖在图片上,调整混合模式和不透明度,制作氛围图片。
颜色渐变色带生成 - 等距N色方案
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
像素排序艺术 - 按亮度/色相重排像素
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
像素排序艺术生成器 - 方向/阈值控制
对图片像素沿特定方向按明亮度排序,生成拉伸条纹的数字艺术效果。
在线颜色混合器 - 两种颜色实时叠加渐变
选择两种颜色并设定混合比例,实时展示混合结果及色值,辅助UI配色。
色盲模拟器 - 图片滤镜在线预览色觉缺陷
上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。
颜料调色模拟器 - 减法混色CMYK结果
选择青、品、黄、黑等基本颜料,按比例混合,预览油画或水彩的调色结果。
Canvas 视频特效处理 - 实时绿幕/灰度/反转
将视频绘制到 Canvas 上,逐帧应用像素处理(灰度、反色、绿幕替换),展示效果。
色觉缺陷模拟器 - 上传图片体验不同色盲
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
环境光传感器自适应主题 - 亮度变化触发暗色模式
利用环境光传感器读数自动切换网页的亮色/暗色主题,并展示光照强度曲线。
渐变断点可视化编辑器 - 拖拽色标调整渐变
在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。
实时色盲模拟摄像头滤镜 - 理解色彩感知差异
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
照片二次曝光合成 - 叠加两张图片混合
将两张图片叠加,并应用屏幕、叠加等混合模式,创造艺术化双重曝光效果。
语义颜色测试器 - 将颜色与含义匹配看多久判断
显示用错误颜色书写的颜色名,用户需按实际含义或墨水色反应,类似Stroop测验。
无障碍颜色组合测试 - 模拟不同视觉条件下的可读性
输入文本和背景颜色,同时模拟模糊、低对比度、色盲等效果,评估可访问性。
颜色情感含义查询 - 色彩心理学速查
点击颜色,查看其在设计心理学中的通用含义和适用场景建议。
色盲模拟器(图片版) - 上传照片看各种色觉障碍效果
上传图片,选择不同色觉障碍类型,实时预览在这些色觉下的效果,辅助设计。
无障碍图表模式库 - 颜色与纹理组合示例
提供不仅依赖颜色的图表模式示例(结合纹理、形状),确保色盲用户也可区分数据。
渐变文字CSS生成器 - 在线调节渐变色与裁剪
选取渐变色,实时预览渐变文字效果并生成background-clip:text代码。
渐变噪点混合器 - 生成带纹理的CSS背景
将CSS渐变与SVG噪点滤镜叠加,生成富有质感的网页背景代码。
随机配色对比度测试 - 随机生成检查
随机生成一对背景和文字颜色,并显示其WCAG对比度是否合格。
数图/绘图逻辑 - 按行列数字填色块
根据每行每列的数字提示,填充正确格子,最终显示隐藏图画。
环境光事件记录器 - 监听并记录光照变化
使用 AmbientLightSensor API 监听光照强度变化,记录日志并绘制时间-照度图。
环境光传感器读数 - 光照强度lux检测
通过AmbientLightSensor API读取当前环境光强度(勒克斯),辅助自适应亮度设计。
环境光照度计 - 传感器检测勒克斯
使用设备光线传感器显示当前环境亮度,评估阅读/工作照明是否足够。
UD5工具箱