漏光效果添加 - 图片角落红黄色调渐变
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
UD5工具箱
保留单色,其余黑白 — 在线图片颜色隔离工具,支持取色与实时预览
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
拖拽滑块调整背景模糊度、透明度与边框发光,实时预览毛玻璃面板并复制CSS代码。
制作像荧光笔划过的高亮背景或扫描下划线效果,导出类名。
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
在网页顶部添加半透明暖色或暗色覆盖层,调节不透明度,降低屏幕刺眼感。
生成半透明暖色或冷色遮罩层叠加在页面上,模拟护眼模式或色温调节。
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案,确保视觉一致性。
上传两张图片,实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
在可缩放网格上选区颜色绘制像素图,支持多帧预览简单动画。
将图片灰度化后,把阴影区域映射为一种颜色,高光映射为另一种,创造经典双色效果。
创建 Shadow DOM 与普通 DOM 元素,对比样式隔离效果,理解 @layer 和 scoped styles。
为图片添加CRT电视的扫描线、像素抖动和雪花噪点效果,营造怀旧氛围。
创建带有向下箭头和自定选项风格的自定义选择框HTML+CSS代码。
在画布上放置多个色点,颜色平滑插值形成类似矢量网格渐变的梦幻背景。
模拟经典玩具,按方向键或虚拟旋钮绘制线条,按空格键晃动清除。
显示文本中的非换行空格、全角空格等隐藏字符映射。
输入标题文本,尝试不同容器宽度,手动插入<br>或使用text-wrap:balance显示效果。
在线颜色选择器,支持从色盘取色、HEX/RGB/HSL颜色值转换,提供调色板功能,方便前端设计取色。
拖拽基色指针,自动计算互补、近似、三等分等七种和谐配色方案,复制十六进制值。
添加多个阴影层,独立调节每层的偏移、模糊、扩展和颜色,创造复杂立体效果。
调整透明度、模糊度和边框,实时预览毛玻璃UI卡片,生成兼容CSS backdrop-filter代码。
调节背景色、亮阴影与暗阴影距离,生成新拟态风格按钮/卡片样式并导出代码。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
将照片转为安迪·沃霍尔风格的丝网印刷波普四宫格,可替换每个格子的色彩。
生成具有扫描线、荧光拖影和屏幕弯曲效果的纯CSS复古电脑终端样式。
自动生成适合打印的`@media print`样式,重置背景色、字号并隐藏导航。
配置多屏垂直或水平滑动卡片,生成带CSS Scroll Snap的HTML页面代码。
通过叠加多个阴影创建柔和且真实的UI投影,导出CSS。
在布满干扰物的图片中寻找并点击目标物品,记录用时。