无需登录 数据私有 本地保存

网格渐变可视化编辑器 - 多点自由着色

13
0
0
0

网格渐变可视化编辑器

多点自由着色 · IDW插值算法 · 实时预览 · 导出高清渐变图

控制点：0
画笔色
预设：
2.0
50
点击添加颜色点 拖拽移动点 双击删除点 Delete键删除选中 Ctrl+Z 撤销

常见问题与知识点

什么是渐变网格（Mesh Gradient）？
渐变网格是一种使用多个颜色控制点通过数学插值算法生成丰富渐变效果的技术。与传统的线性渐变或径向渐变不同，网格渐变可以创建有机、流动的色彩过渡，广泛应用于现代UI设计、海报设计、品牌视觉和数字艺术中。
IDW插值算法是如何工作的？
IDW（反距离加权插值）根据每个像素到各控制点的距离来计算颜色权重——距离越近的控制点对该像素颜色影响越大。公式为 w_i = 1/d_i^p，其中p是强度参数。p值越大，各颜色点的影响范围越小、过渡越锐利；p值越小，颜色混合越柔和均匀。默认为2.0，可产生自然的渐变过渡。
如何导出高质量的渐变图片？
点击工具栏的"导出PNG"按钮，工具会在高分辨率下渲染纯净渐变（不含网格线和控制点标记），生成适合直接用于设计项目的PNG图片。导出的图片分辨率与画布内部分辨率一致，保证清晰度。
有哪些实用的配色技巧？
建议使用3-5个颜色点来创建和谐的渐变。可以尝试相邻色（色相环上邻近的颜色）获得柔和过渡，或使用互补色创造强烈对比。工具栏提供了6种精心设计的预设配色方案，也可使用HSL色彩空间来选择饱和度和亮度相近、色相分布均匀的颜色组合。
移动端可以使用这个工具吗？
完全支持。工具已针对移动端触摸交互进行优化，您可以在手机或平板屏幕上点击添加颜色点、拖拽移动、双击删除，所有功能与桌面端一致。画布和工具栏会自动适配小屏幕尺寸。
如何调整已放置颜色点的颜色？
首先点击选中该颜色点（点会高亮显示），然后使用工具栏的颜色选择器更改颜色，选中的点会实时更新。您也可以拖拽移动点的位置来调整渐变布局。
🔧 相关工具