浏览运行中的工具目录 - 设计与颜色

逐条命令行走 SVG 路径（M/L/H/V/C/S/Q/T/A/Z）——每段弧长、累计 stroke-dashoffset 距离、子路径包围盒、三次曲线控制柄矢量、圆弧 flag 求解、路径与 viewBox 对齐检查。

上传一张主图,一次生成全套平台装配图:Instagram(1:1 / 4:5 / 3:4 网格 / Story / Reel)、X(头图 1500×500 / 信息流)、LinkedIn(个人横幅 / 公司封面 / 帖子图)、YouTube(缩略图 / 频道横幅)、Facebook 链接分享。每个裁剪预览叠加 2025-2026 已验证的安全区蒙版(Story 顶/底/侧边距、X 头像圆、LinkedIn 头像区、YouTube 时长角标),一键导出 ZIP。

端到端生成磨砂玻璃（glassmorphism）或新拟态（neumorphism）的完整 CSS 片段：调节模糊、饱和度、色调不透明度、圆角、边框、外阴影与顶部高光；可选 SVG feTurbulence 颗粒噪点叠加与 @supports 不支持降级；自动附带 -webkit-backdrop-filter 前缀（Safari 18 以下必需）与 Tailwind 类映射（含 v3/v4 差异提示），并在渐变背景上实时预览成品卡片。

上传一张图，预览它在 Instagram 动态/故事/Reels、TikTok、YouTube、X、LinkedIn 上的呈现——叠加平台安全区遮罩，发布前明确显示哪些像素会被裁切或被 UI 遮挡。

2026 年 Instagram、Facebook、X、LinkedIn、YouTube、TikTok、Pinterest、微信图片尺寸参考，可按平台筛选。

从图片中用 k-means 聚类提取主色，导出为 CSS 变量 / SCSS 变量 / Tailwind 配置 / JSON 设计令牌，并自动为每个颜色生成命名色阶

从普通照片生成红青3D立体图。创建可使用红青3D眼镜观看的立体3D图像。

从图像生成深度图，使用亮度、饱和度和边缘分析。生成灰度深度图，较亮像素表示较近物体，较暗像素表示较远物体。

从图像生成视差动画。创建基于深度的动画，不同层以不同速度移动，产生3D效果。

从文字生成3D立体图（魔眼图）- 创建隐藏的3D文字，正确观看时即可显现

生成晃动立体图GIF，通过快速交替左右视角创建3D效果。无需3D眼镜！

从任何图片中提取精美的调色板，非常适合设计师从照片中寻找色彩灵感