生成器与设计

37 工具 · 免费在线工具

• 颜色工具

  转换颜色格式并生成调色板。

• CSS 渐变生成器

  生成 CSS 渐变并实时预览。

• 二维码生成器

  从文本或 URL 生成二维码。

• ASCII 艺术生成器

  将文本转换为 ASCII 艺术。

• Token 估算器

  估算文本的 LLM token 数量。

• WiFi 二维码生成器

  生成用于加入 WiFi 网络的二维码。

• Lorem Ipsum 生成器

  生成 Lorem Ipsum 占位文本。

• 色阶生成器

  生成任意颜色的浅色和深色变体。

• UUID v7 生成器

  生成按时间排序的 UUID 版本 7（RFC 9562）标识符。

• PEM 证书解析器

  从 PEM 格式解析 X.509 证书并查看字段。

• 条形码生成器

  生成 CODE128/EAN/UPC 条形码，输出 PNG/SVG。

• Data Matrix 码生成器

  生成 Data Matrix 二维码（方点网格）。

• Aztec 码生成器

  生成 Aztec 二维码，常用于票据。

• PDF417 条形码生成器

  生成 PDF417 堆叠条形码，大数据容量。

• 调色板生成器

  从种子色生成互补色/类似色/三色组合调色板。

• CSS Box Shadow 生成器

  可视化生成 box-shadow CSS 并实时预览。

• CSS Border Radius 生成器

  可视化调节四角圆角并生成 CSS。

• Flexbox 生成器

  可视化生成 flexbox 布局 CSS。

• CSS Grid 生成器

  拖拽生成 grid-template 布局 CSS。

• CSS Transform 生成器

  可视化生成 translate/rotate/scale/skew。

• CSS 动画生成器

  可视化编辑关键帧并生成 @keyframes。

• CSS Text Shadow 生成器

  生成多层 text-shadow CSS。

• 占位图生成器

  生成自定义尺寸/颜色/文字的占位图。

• 头像生成器

  从字符串生成 identicon 几何头像。

• 条纹图案生成器

  生成可调方向的 SVG/Canvas 条纹图案。

• 圆点图案生成器

  生成圆点网格背景图案，导出 SVG。

• 噪声图案生成器

  生成 Perlin/随机噪声纹理图片。

• 图片提取配色

  从图片提取主色生成调色板。

• 骨架屏生成器

  生成骨架屏加载动画 CSS。

• Glassmorphism 生成器

  生成毛玻璃效果 CSS（模糊+透明度）。

• Neumorphism 生成器

  生成新拟态 UI 风格 CSS。

• CSS Clip-Path 生成器

  可视化绘制路径以生成 clip-path。

• Cubic Bezier 生成器

  可视化调节贝塞尔曲线以生成缓动函数。

• CSS Easing 生成器

  生成并预览 CSS transition-timing-function。

• Tailwind 颜色查找器

  查找某颜色最接近的 Tailwind 调色板类名。

• Material 取色器

  Material Design 调色板选择器，输出颜色值。

• 多边形形状生成器

  生成多边形/星形 SVG 和 clip-path。