浏览运行中的工具目录 - Design

上传一张主图,一次生成全套平台装配图: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 遮挡。

并排预览 标题 + 正文 的 Google 字体配对，调节字重与行高，复制即可粘贴的 CSS @import + 变量代码。精选 22 款字体及 7 组经典搭配预设。

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

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

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

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

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

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

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

通过指定坐标从图片中选取颜色。获取 HEX、RGB、HSL、HSV 和 CMYK 格式的颜色值。