# 设计

ASCII 艺术字 将文本转换成大号 ASCII 方块字母艺术字。 设计

图片裁剪 在浏览器中拖拽选择区域，裁剪并下载图片。 设计 SVG 转 PNG 把 SVG 矢量图渲染为 PNG 位图。 设计 图片水印 为图片添加文字或平铺水印。 设计 图片圆角 为图片四角添加圆角效果。 设计 图片边框 为图片添加纯色描边边框。 设计 图片转字符 把图片转换为字符画效果。 设计 图片拼图 把多张图片拼成网格拼图。 设计 图片叠加 将两张图片按比例叠加合成。 设计

颜色转换器 在 HEX / RGB / HSL 之间互转颜色值。 设计

渐变色生成 生成线性/径向 CSS 渐变，实时预览并复制代码。 设计 字体预览 输入文字并切换字体族，实时预览排版效果。 设计 图标搜索 搜索 Tabler 线性图标，一键复制 SVG 代码。 设计 配色方案生成 基于一个主色生成协调的配色方案（同色/邻近/互补）。 设计 样机生成 把网页地址或截图放进设备样机框中预览。 设计 对比度检查 检查文字与背景的 WCAG 对比度。 设计 盒阴影 可视化生成 CSS 盒阴影代码。 设计 文字阴影 可视化生成文字阴影代码。 设计 圆角生成 生成圆角 CSS 与预览。 设计 按钮样式 生成可复制的按钮样式代码。 设计 卡片样式 生成卡片容器样式代码。 设计 CSS 动画 生成关键帧动画代码。 设计 字体搭配 推荐标题与正文字体组合。 设计 颜色混合 按比例混合两种颜色。 设计 互补色 生成互补色方案。 设计 近似色 生成近似色方案。 设计 三角配色 生成三角对比配色。 设计 单色阶 生成同色相的明暗阶。 设计 Material 配色 生成 Material Design 配色。 设计 网格布局 生成 Grid 网格布局代码。 设计 Flex 布局 生成 Flexbox 布局代码。 设计 间距比例 生成 4 点基准间距比例。 设计 字号比例 生成模块化字号比例。 设计 Logo 样机 生成 Logo 在实物上的样机。 设计 浏览器样机 生成网页浏览器展示样机。 设计 社媒样机 生成社媒帖子展示样机。 设计 色盲模拟 模拟不同类型色盲的视图。 设计 SVG 占位图生成 生成带文字的简洁 SVG 占位图。 设计