AI 设计工具

输入宽高得到最简整数比，识别 16:9 等常见比例，改一边按比例算另一边。

由种子生成有机 blob 形状：调顶点数、随机度与平滑度，复制 SVG path 或 CSS border-radius。

四角独立滑杆 + 实时预览，CSS 自动合并成最短简写，直接复制可用。

拖滑杆调 x/y/模糊/扩散与颜色，实时预览，一键复制 box-shadow CSS 声明。

可视化编辑 polygon 顶点与预设形状生成 clip-path，实时预览并复制 CSS。

按 WCAG 2.1 AA 与 AAA 标准检查前景色与背景色的对比度，支持你粘贴的任何格式。

两种颜色按五种混合模式调色，结果可复制为 HEX、RGB、HSL 或 CSS 代码。

在交互色轮上选色，生成互补、三角、类似或分裂互补配色。

上传图片或选一个颜色，即时看到红色盲、绿色盲、蓝黄色盲三种色觉下的对照视图。

五个预设动画加时长、延迟、缓动、迭代控件，实时预览后复制 @keyframes 代码。

在线搭建线性/径向 CSS 渐变：多色标、角度可调、实时预览、一键复制代码。

可视化搭建 CSS Grid 布局：设置行列数、轨道尺寸、间距与对齐，实时预览并复制 CSS。

在浏览器里生成 CSS cursor 规则：选内置关键字或上传小图片，设置热点与回退关键字，实时预览，全程本地处理。

实时调节 flex 容器五大属性，预览即时变化，生成的 CSS 直接复制。

从内置字体清单选择标题与正文字体，实时预览搭配效果并复制 CSS 变量。

生成 CSS 加载动画：圆环 spinner、弹跳圆点、进度条、脉冲圈或骨架屏微光，复制即用。

从基色生成互补、三角、类似或单色配色方案，HSL 色轮本地计算。

把条纹、圆点、网格或棋盘平铺成背景：设尺寸、颜色与角度，实时预览并复制 CSS 或 SVG。

自定尺寸与配色的占位图：即时 PNG 下载，附等效 SVG 代码。

给截图加圆角、内边距、渐变背景与投影，Canvas 合成后一键导出 PNG。

可视化定制 webkit 滚动条：尺寸、轨道、滑块、悬停态与圆角，复制带 Firefox 回退的 CSS。

由基数与比例生成间距刻度表（t-shirt 尺寸），预览 px 与 rem 并复制 CSS 变量。

生成 SVG 占位图：宽高、配色、文字与圆角随意设置，代码可复制可下载。

可视化组合 CSS 变换：位移、旋转、缩放与倾斜，支持自定义原点并复制 CSS。

配置 CSS 过渡的属性、时长、延迟与缓动，实时演示并复制 CSS。

设定基准字号与比例，生成从 h1 到 caption 的完整字阶与 CSS 变量。

生成分层波浪 SVG 分隔条：设层数、振幅、波长、高度与颜色，复制即用的 SVG 代码。