漏光效果添加 - 图片角落红黄色调渐变
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
UD5工具箱
上传图片
点击或拖拽 · JPG/PNG/WebP
图片预览区
上传图片后在此预览暗角效果
暗角效果(Vignette,又称晕影)是一种图像边缘逐渐变暗或变淡的视觉效果。它源于早期摄影镜头的物理特性——镜筒边缘进光量减少导致照片四角变暗。如今暗角已成为一种流行的创意调色手法,用于引导观众视线聚焦画面主体、增强氛围感或营造复古胶片质感。
暗角效果广泛用于:人像摄影——突出人物主体;产品展示——聚焦商品细节;风光摄影——增强画面深邃感;社交媒体图片——提升视觉层次;复古风格创作——模拟胶片相机质感。合理使用暗角能让普通照片瞬间增色不少。
强度控制在30-60之间比较自然;范围建议35-50,范围太小暗角不明显,太大会压暗主体;羽化推荐40-70,高羽化值让过渡更柔和自然。对于人像照片,可以尝试"轻微"预设;想要强烈艺术效果可使用"强烈"预设;追求胶片质感可选"复古胶片"预设。
本工具支持上传 JPG、JPEG、PNG、WebP 等主流图片格式。下载时可以选择 PNG(无损格式,保留透明通道,文件较大)或 JPEG(有损压缩,文件更小,适合网络分享)。建议根据实际用途选择合适格式。
预览阶段使用适配屏幕的缩放尺寸以保证实时流畅体验。下载时工具会使用原始图片分辨率进行处理,确保输出质量最大化。选择PNG格式下载可获得无损品质;JPEG格式会进行轻度压缩但文件体积更小。所有处理均在本地浏览器完成,原始图片不会上传到任何服务器。
除了经典黑色暗角,您还可以选择深棕色营造温暖复古感、深蓝色增添冷峻氛围,甚至使用白色创建"亮角"效果(梦幻高调风格)。颜色选择器和预设色块让您可以快速切换,也可以使用自定义颜色选择器精确指定任何颜色。
椭圆暗角会适应图片的宽高比,暗角均匀地从四周边缘向内延伸,适合大多数照片。正圆暗角以图片中心为圆心、短边为半径形成正圆形暗角区域,在非正方形图片上会产生独特的效果——长边方向的暗角会更明显。建议根据构图选择合适形状。
完全免费使用,无需注册、无需登录、无任何水印。所有图片处理都在您的设备本地完成,不会上传到任何服务器,充分保护您的隐私。您可以无限次使用,随时调节参数并下载处理后的图片。
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
将图片灰度化后,把阴影区域映射为一种颜色,高光映射为另一种,创造经典双色效果。
上传两张图片,实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
叠加多重box-shadow,模拟不同光源方向,直观生成逼真阴影CSS代码。
在网页顶部添加半透明暖色或暗色覆盖层,调节不透明度,降低屏幕刺眼感。
在画布上放置多个色点,颜色平滑插值形成类似矢量网格渐变的梦幻背景。
添加多个阴影层,独立调节每层的偏移、模糊、扩展和颜色,创造复杂立体效果。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
为图片添加CRT电视的扫描线、像素抖动和雪花噪点效果,营造怀旧氛围。
拖放 lcov.info 文件,以颜色标示每行代码的覆盖状态。
通过堆叠多层text-shadow或box-shadow创造浮雕或厚重立体文字效果,复制代码。
生成半透明暖色或冷色遮罩层叠加在页面上,模拟护眼模式或色温调节。
列出所有标准 CSS 光标值(pointer, grab, zoom-in 等),鼠标悬停实时查看对应光标样式并复制代码。
调节背景色、亮阴影与暗阴影距离,生成新拟态风格按钮/卡片样式并导出代码。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
在可缩放网格上选区颜色绘制像素图,支持多帧预览简单动画。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
调整透明度、模糊度和边框,实时预览毛玻璃UI卡片,生成兼容CSS backdrop-filter代码。
调节光源角度、颜色和距离,生成凹凸柔和的新拟态UI元素CSS盒阴影代码,潮流设计工具。
制作像荧光笔划过的高亮背景或扫描下划线效果,导出类名。
上传图标图片,模拟其在iPhone主屏幕上的显示效果与圆角遮罩。
选择任意基色,自动计算互补色、分裂互补及三分色,提供十六进制代码,一键复制。
将屏幕变为纯白色或指定颜色,最高亮度辅助照明或信号。
创建 Shadow DOM 与普通 DOM 元素,对比样式隔离效果,理解 @layer 和 scoped styles。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
为内容区域生成灰色闪烁的骨架屏占位代码,包含卡片、标题等组件样式。
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。