UD5工具箱
双色调效果生成 - 高光阴影颜色映射
将图片灰度化后，把阴影区域映射为一种颜色，高光映射为另一种，创造经典双色效果。
漏光位置
色调预设
高级
自定义色调
常见问题与知识点
漏光效果源于胶片摄影时代，当相机机身或胶卷仓密封不严时，外部光线渗入导致胶片意外曝光，在照片边缘或角落形成红橙色调的光晕。这种"瑕疵"如今成为广受欢迎的复古美学元素，能为数码照片增添温暖、怀旧和艺术氛围。漏光效果通常呈现在画面角落，色调以红、橙、黄为主，因为这是光线穿透胶卷背面（红色安全层）后的自然呈色。
漏光效果特别适合：人像摄影（增添温暖柔和的氛围）、旅行照片（营造复古胶片感）、日落/逆光场景（强化暖色调）、生活随拍（增加故事感和年代感）。对于已经偏暖或曝光充足的照片效果最佳。冷色调或极简风格的照片使用漏光效果需谨慎，可能产生不协调感。
自然的漏光效果关键在于：1. 适当降低强度（50%-70%最自然）；2. 加大柔和过渡让光晕边缘平滑融入画面；3. 椭圆压扁模拟真实光线散射的不规则形状；4. 选择合适的角落——左上角漏光最符合人眼视觉习惯（阅读方向）。建议开启"对比原图"功能反复微调，避免过度处理。
工具支持 JPG、PNG、WebP 等主流图片格式上传，也可直接粘贴图片URL或使用Ctrl+V粘贴剪贴板中的图片。下载时默认输出PNG格式（无损），保留原始分辨率。所有处理均在浏览器本地完成，图片不会上传到服务器，确保隐私安全。
可以！工具支持多角落同时漏光，点击角落按钮可任意组合（如左上+右下对角漏光，或四角全开）。每个角落的漏光效果独立叠加，使用Screen混合模式自然融合。多角漏光适合营造被暖光包围的沉浸感，但建议强度适当降低以避免画面过曝。
经典红黄：模拟最常见的老胶片漏光，从深红过渡到亮黄，对比强烈；暖阳金橙：偏金色调，如午后阳光洒入，适合温暖氛围；复古琥珀：暗调琥珀色，沉稳内敛，适合复古胶片风格；日落余晖：浓烈的红橙渐变，视觉冲击力强，适合日落场景；柔和粉霞：粉色到浅橙的柔和过渡，清新浪漫，适合人像和浅色画面。您还可以使用自定义色调选择器微调基础色。
点彩画效果生成器 - Voronoi格子点描风格
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
图片暗角效果工具 - 在线添加Vignette晕影
为照片四周添加纯色或渐变暗角，调整强度与羽化程度，营造复古或突出中心效果。
CSS 滤镜预设画廊 - 一键复制复古/鲜艳等效果
展示多种组合好的 CSS filter 效果（如 1977、古铜色），点击图片应用并复制代码。
图层混合模式演示 - 叠加/柔光等在线比较
上传两张图片，实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
新拟态UI元素生成器 - 柔和阴影与凸起凹陷
调节背景色、亮阴影与暗阴影距离，生成新拟态风格按钮/卡片样式并导出代码。
老电视效果滤镜 - 图片添加扫描线雪花
为图片添加CRT电视的扫描线、像素抖动和雪花噪点效果，营造怀旧氛围。
正则匹配交互式高亮器 - 实时多颜色分组
编写正则表达式，在文本中用不同颜色高亮整个匹配和每个捕获组。
JSON 差异对比器 - 高亮增删改节点
输入新旧JSON，并排展示增删改的行级差异，辅助接口变动追踪。
图片暗角效果生成器 - 强度/半径/羽化
为图片添加可调节的暗角效果，控制大小、强度和羽化，引导视线至中心。
配色环和谐规则可视化 - 实时补色与分裂互补
拖拽基色指针，自动计算互补、近似、三等分等七种和谐配色方案，复制十六进制值。
多层阴影层设计器 - 拟物化/纸雕效果
添加多个阴影层，独立调节每层的偏移、模糊、扩展和颜色，创造复杂立体效果。
颜色隔离效果 - 保留单色其余黑白
选择一种颜色，图片仅保留该色相区域，其余转换为黑白，突出主体。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件，播放并控制速度、方向，预览动效效果。
波普艺术效果生成器 - 沃霍尔风格四宫格
将照片转为安迪·沃霍尔风格的丝网印刷波普四宫格，可替换每个格子的色彩。
视差背景生成器 - 纯 CSS 多层效果
上传图片并设置层位置和滚动速度，生成纯 CSS 的多层视差滚动背景代码。
贝塞尔缓动函数调校工具 - 自定义动画曲线
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
CSS Contain 属性演示 - 观察布局/样式/尺寸限制效果
应用 contain 的各种值（layout, paint, size），直观对比开启前后渲染和布局的变化。
Oklch调色板生成器 - 感知均匀色彩搭配
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案，确保视觉一致性。
无障碍多选下拉框生成器 - 复选框风格
创建带有复选框或标签的多选下拉列表，支持删除已选项，键盘可全控。
像素绘板 - 网格填色与动画帧
在可缩放网格上选区颜色绘制像素图，支持多帧预览简单动画。
色盲友好调色板 - 定性数据配色推荐
展示几组在各类色盲下仍可区分的定性数据配色方案，含Hex码。
多层阴影生成器增强版 - 可添加多个光源
叠加多重box-shadow，模拟不同光源方向，直观生成逼真阴影CSS代码。
随机配色组合 - 点击生成意想不到的搭配
随机生成两到五种颜色的组合，附带预览色块，提供设计意外之喜。
现代平滑阴影生成器 - 多层阴影叠加
通过叠加多个阴影创建柔和且真实的UI投影，导出CSS。
CSS 作用域演示 - Shadow DOM 样式隔离效果
创建 Shadow DOM 与普通 DOM 元素，对比样式隔离效果，理解 @layer 和 scoped styles。
新拟态设计生成器 - CSS Neumorphism样式代码
调节光源角度、颜色和距离，生成凹凸柔和的新拟态UI元素CSS盒阴影代码，潮流设计工具。
CSS 系统颜色演示 - Canvas/Window/Highlight 等
展示 CSS 系统颜色关键字（如 CanvasText, LinkText）在明暗模式下的实际渲染值。
CSS 3D 立体文字生成器 - 多层阴影叠加
通过多层 text-shadow 叠加生成具有厚度和光照感的 3D 文字效果。
全屏护眼色层 - 自定义滤蓝光/暖色
在网页顶部添加半透明暖色或暗色覆盖层，调节不透明度，降低屏幕刺眼感。