Gradient Maker: CSS Code

脑海里已经浮现的那道渐变,现在就能做出来——然后带走可以直接上线的代码。GradientMaker 是一款专注的渐变工作室,为想要漂亮色彩过渡和干净、可直接投产的输出,而不是臃肿图形套件的设计师与开发者打造。 大多数渐变工具止步于一张好看的预览图。GradientMaker 给你一个真正的编辑器:在实时轨道上拖动颜色节点(color stop),精确拨动角度,在 linear、radial 与 angular(conic)类型之间切换,满意的那一刻立即把结果复制成 CSS、SwiftUI 或原始 hex 列表。你设计的样子,就是你粘贴进代码的样子。 你将获得 - 大尺寸实时预览,移动节点、改变角度或切换渐变类型时即刻更新 - linear、radial 与 angular(conic)渐变,最多支持八个颜色节点 - 精确角度拨盘,内置 0/90/135 度预设(适用于 linear 与 angular) - 每个节点均可用 hex 取色器选色或手动输入 hex 值 - 面向网页的干净 CSS,以及可直接粘贴进 iOS 的 SwiftUI 渐变 - 每个节点的原始 hex 列表,便于交付给同事或设计工具 - 所有导出格式均可一键复制到剪贴板 探索、学习与保存 - 精选合集——Sunset、Ocean、Neon、Pastel 与 Dark——外加一键 Random 随机起手 - 和谐配色生成器,从任意基础色构建互补、类比、三角与单色配色 - 将渐变保存到本地 Library,通过上下文菜单快速删除 - Learn 标签讲解各类渐变,并附 CSS 语法速查表 - 每日本地提醒,提示你回来尝试新配色 完美适合 - 需要一道 linear 或 conic 渐变以及对应 CSS 的网页开发者 - 想要 SwiftUI LinearGradient、RadialGradient 或 AngularGradient 代码的 iOS 工程师 - 构建品牌配色、背景与界面主题的设计师 - 任何热爱色彩、想用快速而有手感的方式探索过渡的人 为什么不直接上网找一道渐变 网上随手拿到的渐变很少能贴合你的角度、你确切的品牌色或你的技术栈。在这里你亲手调好每个节点和每一度,大图预览,再把代码直接放进项目——无需截图、无需吸色、无需猜测。 隐私 你的渐变留在你的设备上。无账户、无注册、无追踪。没有任何东西会泄露,因为没有任何东西离开你的手机。 完整访问权限 GradientMaker Premium 解锁 radial 与 angular 渐变类型、超过两种颜色的多节点编辑、SwiftUI 代码导出、全部精选合集与和谐配色,以及无限量保存渐变。选择适合你的方案:周付、年付,或一次性买断的终身购买。费用将从你的 Apple ID 扣除;订阅会自动续期,除非在当前周期结束前至少 24 小时取消,你可随时在 App Store 账户设置中管理或取消。 打开 GradientMaker,拖动一个节点,不到一分钟就复制出你的第一道渐变。 Terms of Use (EULA): https://web-levi.web.app/terms Privacy Policy: https://web-levi.web.app/privacy-policy 有疑问? https://web-levi.web.app/#contact