# 设计与配色在线工具

> 取色配色、渐变阴影、对比度检测、图标与 Favicon、壁纸头像、名片请柬、艺术二维码、纹理贴图等设计工具。

- 网址: https://qilingtools.com/zh/tags/design
- 价格: 免费，无需注册
- 隐私: 在浏览器本地处理，文件不上传服务器

## 工具列表 (41)

- [图片改尺寸](https://qilingtools.com/zh/image/resize): 免费在线图片缩放工具：按像素宽高或百分比批量修改图片尺寸，可锁定比例，支持 JPG/PNG/WebP，本地处理不上传。
- [颜色转换](https://qilingtools.com/zh/color): 免费在线颜色转换工具：HEX、RGB、HSL 三种格式互转，内置取色器和颜色预览，一键复制，本地实时计算。
- [图片圆角](https://qilingtools.com/zh/image/round-corner): 免费在线图片圆角工具：给图片加圆角，或裁成圆形头像，输出透明背景 PNG，圆角大小可调，支持批量，本地处理不上传。
- [图片加边框](https://qilingtools.com/zh/image/border): 免费在线图片加边框工具：给照片加白边或任意颜色边框，一键补成正方形，或做成拍立得样式，支持批量，本地处理不上传。
- [图片取色器](https://qilingtools.com/zh/image/color-picker): 免费在线图片取色工具：上传图片后点击任意位置获取颜色的 HEX、RGB、HSL 值，并自动提取主色调配色，一键复制，本地处理不上传。
- [Favicon 生成](https://qilingtools.com/zh/image/favicon): 免费在线 favicon 生成器：把 PNG/JPG/SVG 图片转成多尺寸 favicon.ico，同时生成 Apple Touch、Android 图标、site.webmanifest 和 HTML 代码，本地处理不上传。
- [图片去白底](https://qilingtools.com/zh/image/remove-white): 免费在线图片去白底工具：把白色或任意纯色背景变成透明，边缘平滑无白边，适合电子签名、印章、Logo、白底商品图，支持批量，本地处理不上传。
- [图片配色提取](https://qilingtools.com/zh/image/palette): 免费在线图片配色提取工具：自动分析图片中的 3~16 种主色调并给出占比，一键复制 HEX / RGB / HSL 色值，可导出 CSS 变量、JSON 和 PNG 色卡，本地处理不上传。
- [App 图标生成](https://qilingtools.com/zh/image/app-icon): 免费在线 App 图标生成器：上传一张 1024 图标，一键生成 iOS appiconset、Android mipmap 与自适应图标、PWA maskable、Windows ICO 和 macOS ICNS，打包 zip 下载。
- [CSS 精灵图生成](https://qilingtools.com/zh/image/sprite): 免费在线 CSS Sprite 雪碧图生成器：多张图标合成精灵图，可选紧凑装箱 / 网格 / 横竖排，自动生成 CSS 类与 JSON 坐标，也能把精灵图切回单帧。
- [图片转 SVG 矢量图](https://qilingtools.com/zh/image/to-svg): 免费在线图片转 SVG：把 PNG、JPG 位图描摹为可无限放大的矢量图，提供黑白线稿、Logo、插画、照片四种预设，可调颜色数量、去杂点与平滑，支持批量，本地处理。
- [色盲模拟](https://qilingtools.com/zh/image/color-blind): 免费在线色盲模拟：模拟红色盲、绿色盲、蓝黄色盲和全色盲看到的画面，可调严重程度模拟色弱，一键生成全部类型对比图，帮你检查图表、地图与界面的无障碍配色。
- [CSS 渐变生成器](https://qilingtools.com/zh/css-gradient): 免费在线 CSS 渐变生成器：可视化制作 linear、radial、conic 渐变，拖动色标、旋转角度、调透明度，内置预设，一键复制 CSS 与 Tailwind 类名，可导出 PNG。
- [CSS 阴影生成器](https://qilingtools.com/zh/css-shadow): 免费在线 CSS 阴影生成器：可视化调节 box-shadow 与 text-shadow，支持多层阴影、偏移、模糊、扩展、透明度和内阴影，内置 Material、新拟态等预设，输出 Tailwind 类名。
- [在线白板](https://qilingtools.com/zh/whiteboard): 免费在线白板：无限画布可平移缩放，压感画笔、荧光笔、橡皮、矩形、椭圆、箭头、文字和便利贴，支持选择移动、撤销重做、多页面，导出 PNG / SVG，自动保存在本机。
- [头像生成器](https://qilingtools.com/zh/image/avatar): 免费在线头像生成器：按名字生成文字头像（中文取后一两字，英文取首字母），同名同色；还有 GitHub 风格 Identicon 与几何抽象头像，批量导出 PNG、SVG。
- [壁纸背景生成器](https://qilingtools.com/zh/image/background-generator): 免费在线壁纸 / 背景生成器：弥散网格渐变、线性与径向渐变、流体色块、波浪、低多边形、六边形、圆点、条纹，可加颗粒噪点，随机配色，导出 PNG / JPG / SVG。
- [比例尺计算器](https://qilingtools.com/zh/math/scale): 免费在线比例尺计算：已知比例尺求实际距离或图上距离，由两段距离求比例尺；图纸比例、1:24/1:64/HO 1:87 模型尺寸换算，像素与打印尺寸 DPI 换算，面积比例。
- [贝塞尔曲线编辑器](https://qilingtools.com/zh/math/bezier): 免费在线贝塞尔曲线工具：钢笔点锚点、拖控制柄，把多段 3/4/5 阶贝塞尔拼成任意图形，可随机生成并播放变形动画，导出 SVG 路径与 PNG。
- [颜色对比度检查](https://qilingtools.com/zh/color-contrast): 免费在线颜色对比度检查：计算 WCAG 2.x 对比度与 APCA Lc 值，判断 AA/AAA 正文、大号文字与界面组件是否达标，自动推荐最近的达标颜色，支持色盲模拟与调色板矩阵。
- [截图标注](https://qilingtools.com/zh/image/annotate): 免费在线截图标注：Ctrl+V 粘贴截图，加箭头、方框、序号、荧光笔、中文文字，马赛克或模糊打码敏感信息，裁剪后一键复制或导出 PNG / JPG，不上传服务器。
- [占位图生成](https://qilingtools.com/zh/image/placeholder): 免费在线占位图生成：自定义宽高、背景色、文字颜色与文案，字号自动适应，导出 PNG、JPG、WebP、SVG，批量尺寸打包 ZIP，并可复制 Data URI 或 SVG 代码。
- [CSS clip-path 生成器](https://qilingtools.com/zh/css-clip-path): 免费在线 CSS clip-path 生成器：拖动顶点编辑多边形，支持圆形、椭圆、带圆角的 inset，25 个预设（三角形、箭头、五角星、对话气泡等），在图片上实时预览并复制 CSS。
- [Tailwind 色阶生成器](https://qilingtools.com/zh/tailwind-palette): 输入品牌色，按 Tailwind 默认色板的 OKLCH 亮度曲线生成 50～950 共 11 级色阶，标注白底/黑底对比度，导出 Tailwind v3 配置、v4 @theme、CSS 变量、SCSS 与 JSON。
- [名片制作](https://qilingtools.com/zh/business-card): 免费在线名片设计：9 套正反面模板，90×54、85×55 等尺寸，可改 Logo、配色与字体，自动生成电子名片二维码，导出带出血和裁切线的印刷 PDF 或 PNG。
- [艺术二维码生成器](https://qilingtools.com/zh/qr-art): 免费在线艺术二维码生成：网址、Wi-Fi、名片、邮件、短信、位置，圆点/圆角/菱形码点，定位点单独改形状颜色，渐变、背景图、中心 Logo，导出 PNG/SVG，自动检测可扫。
- [PDF 字体查看与提取](https://qilingtools.com/zh/pdf/fonts): 免费在线查看 PDF 用了哪些字体：类型、是否内嵌、子集前缀、编码、ToUnicode，逐页列出并提示复制乱码风险；可提取内嵌字体为 TTF/OTF/CFF/PFB 并预览字形。
- [无缝贴图制作](https://qilingtools.com/zh/image/seamless): 免费在线制作无缝贴图：镜像平铺、边缘交叉融合、补丁修复接缝（image quilting 最小误差切割），错位半幅检查接缝、平铺预览；还能把图案按网格/半落/砖块排成四方连续。
- [程序化纹理生成器](https://qilingtools.com/zh/image/texture): 免费在线生成程序化纹理：Perlin/Simplex fBm、脊状、湍流、Worley 细胞噪声与域扭曲，大理石、木纹、云等 10 种预设，可无缝平铺并导出法线贴图。
- [请柬贺卡制作](https://qilingtools.com/zh/invitation): 免费在线制作请柬和贺卡：婚礼、满月百日宴、生日、派对、毕业、商务、春节、圣诞，12 套模板，自动农历日期、导航二维码，按宾客名单批量生成 PNG/PDF。
- [社交网格规划](https://qilingtools.com/zh/image/feed-planner): 免费在线规划社交主页网格：拖动排序预览三列网格、小红书双列瀑布流、朋友圈九宫格，标记计划日期与文案，检查色调一致度，大图切 3×N 拼图或全景轮播。
- [设备样机生成器](https://qilingtools.com/zh/image/mockup): 免费在线制作设备样机：把截图放进手机、安卓挖孔屏、平板、笔记本、显示器、浏览器窗口、手表外框，支持 3D 透视倾斜、多设备组合、阴影与背景，导出最高 4K PNG。
- [精灵图动画工具](https://qilingtools.com/zh/image/sprite-animate): 免费在线精灵图动画：按行列或格子尺寸切帧、自动识别网格，设置帧序、帧率与洋葱皮，导出 GIF、APNG、动态 WebP 或帧 ZIP。
- [多面体展示](https://qilingtools.com/zh/math/polyhedra): 在线旋转查看 5 种正多面体、13 种阿基米德立体和棱柱/棱锥：截角变形、对偶、欧拉公式验证、面积体积计算，展开动画并可打印带粘合边的展开图（SVG/PDF）。
- [CSS 动画生成器](https://qilingtools.com/zh/css-animation): 可视化制作 CSS @keyframes 动画：18 个预设、时间轴编辑关键帧、贝塞尔曲线与 steps() 缓动、时长循环方向等参数，实时预览，一键复制 CSS 或 Tailwind 配置。
- [配色方案生成器](https://qilingtools.com/zh/palette-generator): 在线生成配色方案：按空格随机配色并锁定喜欢的颜色，支持类似色、互补、三角等和谐规则和图片取色，带对比度检查、色盲预览，可导出 CSS、Tailwind、ASE、GPL、PNG。
- [SVG 波浪与装饰图形生成器](https://qilingtools.com/zh/svg-shapes): 在线生成 SVG 装饰图形：多层波浪、随机 Blob、圆点/线条/六边形/等高线图案、层叠山峰，支持渐变与随机种子，导出 SVG、PNG、CSS 背景或 React 组件。
- [Logo 在线制作](https://qilingtools.com/zh/image/logo): 免费在线 Logo 制作：文字 Logo、圆形徽章弧形文字、盾牌/六边形/飘带外形、68 个线条图标或 emoji、字母组合，多套配色，导出 SVG 与透明 PNG，附 favicon 预览。
- [海报分页打印](https://qilingtools.com/zh/image/poster-print): 把一张图片放大打印到多张 A4/Letter 纸上拼成海报：按页数或实际宽度排版，带重叠粘贴区、裁切标记与页码，可选黑白或彩色网点，导出多页 PDF。
- [形状拼图](https://qilingtools.com/zh/image/shape-collage): 把多张照片拼成爱心、星星、字母数字或自定义剪影：网格或圆形填充，间距、圆角、随机旋转、白边可调，照片不够自动重复，随机种子可复现，导出最大 4000 像素 PNG。
- [印章提取](https://qilingtools.com/zh/image/seal): 免费在线印章提取：把扫描件或照片上的红章、蓝章抠成透明底 PNG，自动去掉纸张、底纹和小色点，可统一成纯色并裁掉空白，支持批量。浏览器本地处理，图片不上传。