🌐 Mesh Gradient Generator

📐 工作原理与说明

网格渐变由多个径向渐变叠加构成：拖拽色标调整各色团的位置与颜色，导出为图片或 CSS；用于海报、封面与网页英雄区背景。

Build a multi-colour mesh gradient background by dragging colour stops, then export the gradient as an image or CSS.

颜色 (2-5 个)

预览

📚 深度解析：网格渐变

生成三色 mesh

输入：橙/紫/青三控制点。处理：径向叠加成 mesh。输出：预览与 CSS/SVG。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。

mesh 和线性渐变？: mesh 多点非线性过渡更自然，常用于大背景。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
两种色对比度不够会提示吗？: 会按 WCAG 算出对比度值与等级，未达标会标红提醒，便于及时换色或调深。
会保存或上传我的内容吗？: 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。