Color Morph（color-morph.com）是一个在线网格渐变生成器，可随机生成柔和的多色渐变，并把结果导出为 SVG 或复制为 CSS 代码，供网页与平面项目使用。页面以英文呈现，操作集中在预览区与少量按钮，打开后无需登录。
Color Morph官网网址：https://www.color-morph.com/
打开页面即进入渐变编辑界面，主体是大幅预览区，旁边提供 1 到 20 的编号选项，用于切换不同的渐变预设。随机生成按钮会重新组合颜色与色点位置，适合在缺乏明确配色方案时先获得几个可用的方向。编号预设适合快速比较色调。
输出方式有两种：导出 SVG 文件，把渐变作为矢量素材放入设计工具或网页；复制生成的 CSS 代码，直接作为背景应用到页面元素。SVG 便于继续调整色点和形状，CSS 则更适合需要响应式铺满容器的场景。复制 CSS 时要注意容器尺寸。
网格渐变与常见的线性渐变不同，它在画布上分布多个颜色节点，颜色之间相互渗透，形成没有明显边界的柔和过渡。这种效果适合用作首屏背景、卡片底色、应用启动页、社交媒体配图和演示文稿封面。如果背景上要放文字，建议加深色遮罩。
页面顶部导航包含 tiny.photos、Home、Blog 与 Color Morph，并提示 Color Morph 已并入 tiny.photos。对已经在使用 tiny.photos 图片工具的用户，渐变素材可以与图片处理流程放在同一套工具中。查找相关教程时可以从 Blog 进入。
Color Morph 的界面保持精简，没有账户体系和复杂参数面板，主要操作集中在预览、编号切换与导出。它的定位是快速产出单个渐变背景，而不是完整的图形编辑器；由于参数较少，它更适合做背景底图，而不是精细的插画创作。
整体来看，Color Morph 适合需要快速制作柔和渐变背景的网页设计师、产品经理与内容创作者；先随机生成并挑定预设，再选择 SVG 或 CSS 交付。对需要统一品牌色的项目，仍应把生成的渐变与色板对照后再使用。
标签： Color Morph 网格渐变 SVG生成器 CSS背景 设计工具
