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