阴影调色板生成器
阴影调色板生成器帮助你创建一套用于 UI 设计的分层阴影样式。
使用场景
- 为项目创建一致的阴影系统
- 为元素生成不同的层级效果
- 导出阴影 CSS 变量
典型工作流程
- 选择阴影基础颜色和参数设置。
- 查看不同级别的生成阴影效果。
- 复制 CSS 值用于你的项目。
Tiny Online Tools

为 UI 设计生成一致的分层 CSS 阴影样式。

生成新拟态(Neumorphism)UI 样式的 CSS 代码。

可视化创建CSS阴影效果,支持实时预览。

生成玻璃态(Glassmorphism)UI 样式的 CSS 代码。

通过实时预览创建 CSS text-shadow 效果。

测量高斯泼溅场景:泼溅点数量、球谐阶数、不透明度与尺度分布、包围盒以及显存估算。

在浏览器中快速裁剪图片。

将十六进制值转换为二进制输出。
浏览我们完整的免费在线工具集合。
阴影调色板生成器帮助你创建一套用于 UI 设计的分层阴影样式。