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