点彩画效果生成器 - Voronoi格子点描风格
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
UD5工具箱
沃霍尔风格四宫格 · 上传图片即可体验丝网印刷般的波普魅力
或点击选择文件 · 支持 JPG / PNG / WebP
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
在页面上叠加可拖拽的半透明网格线,辅助网格布局对齐。
将任务拖入紧急/重要的四象限中,可视化管理和优先处理待办事项。
上传图标文件并设置背景色,模拟在 Android/iOS 主屏幕上的添加效果,检查视觉适配。
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。
调整透明度、模糊度和边框,实时预览毛玻璃UI卡片,生成兼容CSS backdrop-filter代码。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
选择迭代深度,生成科赫雪花曲线构成的雪花形状,可填充颜色。
拖拽滑块调整背景模糊度、透明度与边框发光,实时预览毛玻璃面板并复制CSS代码。
将图片灰度化后,把阴影区域映射为一种颜色,高光映射为另一种,创造经典双色效果。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
上传精灵图,自动切片检测或手动框选获取背景定位数值,生成CSS Sprite代码。
提供数十种精致SVG背景纹理,可调颜色,生成CSS背景代码或下载SVG。
为图片添加CRT电视的扫描线、像素抖动和雪花噪点效果,营造怀旧氛围。
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案,确保视觉一致性。
上传图标图片,模拟其在iPhone主屏幕上的显示效果与圆角遮罩。
在任意网页上投射可拖拽调整的栅格覆盖线,用来测量和对齐设计稿。
浏览并一键复制常见CSS动画(跳动、淡入、滑动等)的@keyframes代码。
随机生成两到五种颜色的组合,附带预览色块,提供设计意外之喜。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
上传两张图片,实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
通过滑块和开关调整 Flex 容器和子项的所有 CSS 属性,实时观察布局变化,理解弹性盒子。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
生成具有扫描线、荧光拖影和屏幕弯曲效果的纯CSS复古电脑终端样式。
添加多个阴影层,独立调节每层的偏移、模糊、扩展和颜色,创造复杂立体效果。
预览并调整撒花动画的速度、密度和形状,生成一键调用撒花的JS函数代码片段。
制作像荧光笔划过的高亮背景或扫描下划线效果,导出类名。
列出所有标准 CSS 光标值(pointer, grab, zoom-in 等),鼠标悬停实时查看对应光标样式并复制代码。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。