设计工具
共 6 个工具
颜色选择器
功能介绍:颜色选择器集成取色、HEX/RGB/HSL 转换与对比度检查。使用步骤:先取色或输入色值,再查看多格式结果并校验可读性,最后复制用于设计稿或代码。适用场景:品牌配色、界面设计、暗黑模式适配。优势特点:一页完成多项操作、协作更顺畅、在线免费且上手简单。
打开工具🆕 新上九宫格切图
功能介绍:九宫格切图工具可将一张图片按网格切分为多张小图。使用步骤:上传图片后选择切割方式(九宫格 3×3、四宫格 2×2、自定义行列),实时预览切割网格线,确认后一键打包下载所有切片。适用场景:朋友圈九宫格发图、电商详情页切片、照片墙制作。优势特点:纯浏览器 Canvas 处理,网格线实时预览,JSZip 打包下载所有切片,支持 JPG/PNG 输出格式。
打开工具🆕 新上调色板生成器
功能介绍:调色板生成器可基于主色自动生成多种配色方案。使用步骤:输入 HEX 主色或用取色器选择颜色,自动生成互补色、类似色、三色组合、单色渐变等配色彩卡,点击色块即可一键复制 HEX 值。支持随机生成和从图片提取主色调。适用场景:UI 配色方案设计、品牌色彩规划、数据可视化配色、设计灵感探索。优势特点:纯前端基于色彩理论计算、多种配色模式、一键复制色值。
打开工具🆕 新上SVG 转 PNG
功能介绍:SVG 转 PNG 可将矢量图形导出为高清位图。使用步骤:粘贴 SVG 代码或上传 .svg 文件,右侧实时预览矢量图形,自定义输出宽度、高度和背景颜色后点击转换即可下载 PNG。适用场景:图标导出、插画素材转换、设计交付物生成。优势特点:纯前端渲染无需服务器、支持透明背景和任意尺寸、所见即所得实时预览。
打开工具🆕 新上颜色转换器
功能介绍:颜色格式互转工具,支持 HEX/RGB/HSL/HSV 四格式任意切换,输入任一格式自动同步其他格式。使用步骤:在任意格式输入框中修改数值,或使用取色器选色,其他三种格式自动同步更新,点击各格式旁的复制按钮即可获取对应代码。适用场景:前端开发取色、设计稿颜色还原、CSS 样式编写、不同设计工具间色值转换。优势特点:四格式双向实时同步无需手动换算、内置取色器快速选色、色块大预览直观准确、每种格式独立复制方便使用。
打开工具🆕 新上Lorem Ipsum 生成器
功能介绍:生成 Lorem Ipsum 拉丁文或中文乱数假文占位文本,支持段落、句子、单词三种输出单位。使用步骤:选择语言(Lorem Ipsum 或中文假文),选择输出单位(段落/句子/单词),设置数量(1-100),点击生成后复制结果。适用场景:UI 设计稿填充、前端开发占位、排版预览、文档模板测试。优势特点:中英文双语支持、三种粒度灵活切换、一键复制方便快捷、随机生成保证多样性。
打开工具🆕 新上
设计工具
共 6 个工具
- Palette
颜色选择器
🆕 新上功能介绍:颜色选择器集成取色、HEX/RGB/HSL 转换与对比度检查。使用步骤:先取色或输入色值,再查看多格式结果并校验可读性,最后复制用于设计稿或代码。适用场景:品牌配色、界面设计、暗黑模式适配。优势特点:一页完成多项操作、协作更顺畅、在线免费且上手简单。
- Grid3X3
九宫格切图
🆕 新上功能介绍:九宫格切图工具可将一张图片按网格切分为多张小图。使用步骤:上传图片后选择切割方式(九宫格 3×3、四宫格 2×2、自定义行列),实时预览切割网格线,确认后一键打包下载所有切片。适用场景:朋友圈九宫格发图、电商详情页切片、照片墙制作。优势特点:纯浏览器 Canvas 处理,网格线实时预览,JSZip 打包下载所有切片,支持 JPG/PNG 输出格式。
- Palette
调色板生成器
🆕 新上功能介绍:调色板生成器可基于主色自动生成多种配色方案。使用步骤:输入 HEX 主色或用取色器选择颜色,自动生成互补色、类似色、三色组合、单色渐变等配色彩卡,点击色块即可一键复制 HEX 值。支持随机生成和从图片提取主色调。适用场景:UI 配色方案设计、品牌色彩规划、数据可视化配色、设计灵感探索。优势特点:纯前端基于色彩理论计算、多种配色模式、一键复制色值。
- Image
SVG 转 PNG
🆕 新上功能介绍:SVG 转 PNG 可将矢量图形导出为高清位图。使用步骤:粘贴 SVG 代码或上传 .svg 文件,右侧实时预览矢量图形,自定义输出宽度、高度和背景颜色后点击转换即可下载 PNG。适用场景:图标导出、插画素材转换、设计交付物生成。优势特点:纯前端渲染无需服务器、支持透明背景和任意尺寸、所见即所得实时预览。
- Palette
颜色转换器
🆕 新上功能介绍:颜色格式互转工具,支持 HEX/RGB/HSL/HSV 四格式任意切换,输入任一格式自动同步其他格式。使用步骤:在任意格式输入框中修改数值,或使用取色器选色,其他三种格式自动同步更新,点击各格式旁的复制按钮即可获取对应代码。适用场景:前端开发取色、设计稿颜色还原、CSS 样式编写、不同设计工具间色值转换。优势特点:四格式双向实时同步无需手动换算、内置取色器快速选色、色块大预览直观准确、每种格式独立复制方便使用。
- FileText
Lorem Ipsum 生成器
🆕 新上功能介绍:生成 Lorem Ipsum 拉丁文或中文乱数假文占位文本,支持段落、句子、单词三种输出单位。使用步骤:选择语言(Lorem Ipsum 或中文假文),选择输出单位(段落/句子/单词),设置数量(1-100),点击生成后复制结果。适用场景:UI 设计稿填充、前端开发占位、排版预览、文档模板测试。优势特点:中英文双语支持、三种粒度灵活切换、一键复制方便快捷、随机生成保证多样性。