Magic Gradient

Magic Gradient 是一个围绕「渐变配色」的在线工具站，定位是做用户界面、网站和品牌视觉时的配色来源。它并不要求用户从零调色，而是先给出一批已经配好的渐变方案，再让用户把方案落地成代码。

从首页看，它的内容分成三块。第一块是渐变方案库，包含 Most Loved Gradients、Featured Gradients 等分组，覆盖 Pink Purple Blue、Black Violet、Instagram、Orange to Blue Ocean、Black Maroon、Blue Green、Green Emerald Dream、Black to Grey、Yellow to Red、Blue to White、Blue Purple Bliss、Red to Purple、Blue to Black、Pink Purple Dream、Pink and Blue Dream、Light Blue Dream、Light Pink Blossom、Red White Blue Patriot、Black and White、Red to Green、Yellow Orange、Dark Green Forest、Red to Blue Sky 等大量方案（官方描述为「Discover Thousands of Beautiful Gradients」）。第二块是标签体系，用 black、gray、white、monochromatic、elegant、minimalist、modern、neutral、sophisticated、timeless、light、blue、dream、bright、aqua、spring、summer、ocean、serene、calm、tropical、green、cool、vibrant 等关键词给渐变分类，方便按风格和色系筛选。第三块是四个免费工具：Animated Gradient Generator 用来做带速度、方向和颜色参数的 CSS 动画渐变；SVG Fill Gradient Converter 可以上传 SVG 并套用线性或径向渐变填充，下载结果；SVG Wave Generator 生成带渐变色的 SVG 波浪分隔区块；Tailwind CSS Gradient Generator 直接产出可用于文字、按钮和背景的 Tailwind 类名，复制即可粘贴使用。

不同角色的用法不同：设计师可以把它当作配色灵感库，挑方案后拿色值进设计稿；前端开发者更适合从 Tailwind CSS Gradient Generator 或 Animated Gradient Generator 出发，直接取类名和 CSS；做落地页和营销页的人则常用 SVG Wave Generator 做区块分隔。

当你的需求是「快速拿到一套能直接用的渐变配色」时，Magic Gradient 很合适：方案库覆盖从 Black and White 这类极简组合到 Instagram、Red White Blue Patriot 这类高饱和组合，选完还能直接转成 CSS、SVG 或 Tailwind 类名，省掉在调色板上反复试的时间。当你的需求是「需要明确授权和付费方案」时，要谨慎：价格、免费额度上限和商用授权范围均未公布，团队在把配色用于对外商业项目前，需要另行确认授权。它的四个工具都围绕渐变这一件事，不涉及完整的 UI 或整站生成，所以指望它一站式出稿并不现实。