照片色调映射器 - HDR效果局部调整
通过调整局部对比度和曝光,将普通照片处理为类似HDR的增强视觉效果。
渐变文字CSS生成器 - 在线调节渐变色与裁剪
选取渐变色,实时预览渐变文字效果并生成background-clip:text代码。
图片曲线调整工具 - RGB 与明度通道调色
在曲线上添加控制点调节图片亮度和各颜色通道,支持 S 曲线、反相、负片等高级调色效果。
渐变断点可视化编辑器 - 拖拽色标调整渐变
在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。
照片二次曝光合成 - 叠加两张图片混合
将两张图片叠加,并应用屏幕、叠加等混合模式,创造艺术化双重曝光效果。
渐变噪点混合器 - 生成带纹理的CSS背景
将CSS渐变与SVG噪点滤镜叠加,生成富有质感的网页背景代码。
颜色渐变色带生成 - 等距N色方案
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
图片亮度对比度调节 - 在线曝光调整工具
拖动滑块调节图片的亮度和对比度,实时预览效果,保存调整后的图片,基础修图必备。
在线颜色混合器 - 两种颜色实时叠加渐变
选择两种颜色并设定混合比例,实时展示混合结果及色值,辅助UI配色。
高光/阴影恢复工具 - 调节图片动态范围
单独提升图片的阴影亮度或压低高光,恢复过曝或欠曝区域的细节。
WCAG对比度调节器 - 微调颜色达标
输入背景和文字颜色,若对比度不达标,自动计算需微调至最近达标色的方案。
色觉缺陷模拟器 - 上传图片体验不同色盲
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
Canvas 视频特效处理 - 实时绿幕/灰度/反转
将视频绘制到 Canvas 上,逐帧应用像素处理(灰度、反色、绿幕替换),展示效果。
RGB通道混合器 - 交换/调整颜色通道
独立编辑红、绿、蓝通道的强度,甚至交换通道,创造迷幻色彩效果。
像素排序艺术生成器 - 方向/阈值控制
对图片像素沿特定方向按明亮度排序,生成拉伸条纹的数字艺术效果。
像素排序艺术 - 按亮度/色相重排像素
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
斜角渐变区块生成器 - 倾斜分割背景模块
创建带有倾斜裁剪的渐变背景区块,生成CSS clip-path+渐变代码。
彩虹文字生成器 - 渐变流动动画文字
生成背景渐变动画并使用 background-clip 填充文字的彩虹效果代码。
视差滚动演示器 - 多层背景不同速滚动
构建多层视差滚动示例,调整各层速度和方向,生成简洁HTML/CSS模板。
色盲模拟器 - 图片滤镜在线预览色觉缺陷
上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。
像素画生成器 - 图片转像素风格(Canvas)
将图片转换为像素艺术风格,可调整像素块大小,生成复古像素效果,纯前端Canvas渲染。
颜料调色模拟器 - 减法混色CMYK结果
选择青、品、黄、黑等基本颜料,按比例混合,预览油画或水彩的调色结果。
色盲模拟器(图片版) - 上传照片看各种色觉障碍效果
上传图片,选择不同色觉障碍类型,实时预览在这些色觉下的效果,辅助设计。
实时色盲模拟摄像头滤镜 - 理解色彩感知差异
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
动态模糊效果 - 方向性拖影滤镜
给图片添加线性运动方向的模糊痕迹,可调节角度和强度,增强速度感。
BlurHash占位图生成器 - 从图片生成模糊预览
上传图片,生成BlurHash字符串和对应的CSS占位图像,用于渐进式加载。
无障碍图表模式库 - 颜色与纹理组合示例
提供不仅依赖颜色的图表模式示例(结合纹理、形状),确保色盲用户也可区分数据。
语义颜色测试器 - 将颜色与含义匹配看多久判断
显示用错误颜色书写的颜色名,用户需按实际含义或墨水色反应,类似Stroop测验。
实时语音变调器 - 录音并改变音高播放
录制音频,通过重采样改变播放音高,可调高成卡通音或调低沉。
CSS颜色混合演示 - color-mix()实时预览
选择两个颜色和色彩空间,调整混合比例,实时预览并生成CSS color-mix()函数代码。
UD5工具箱