Use Grabient, a cosine gradient generator, to create custom CSS gradients and discover inspiring color palettes. Perfect for designers and developers.
Grabient | 余弦渐变生成器：设计师的色彩引擎
在网页设计领域，精准的色彩过渡决定着视觉层级与用户体验。Grabient（https://www.grabient.com）凭借专利余弦梯度算法，重新定义了专业级CSS渐变生成标准。
▌技术革新：非线性美学的数字实现
• 余弦算法核心：突破传统线性插值，通过色相旋转角度与扩散半径调控，生成具有韵律感的自然渐变（经Awwwards认证的算法专利）
• 三维色彩空间：支持LAB/RGB/HSL多模式转换，确保跨设备色彩一致性
• 实时渲染引擎：基于WebGL加速技术，参数调整即时反馈于中央预览画布
▌工作流优化：从灵感捕捉到生产落地
设计师可通过左侧控制面板：
1. 调节16维度参数（含透明度曲线/色标分布密度）
2. 从500+预设模板库快速定位风格（含季节限定系列）
3. 一键导出CSS/SVG代码或PNG序列帧
开发人员特别受益于：
• 自动生成配套调色板系统（基于主色推导5种辅助色）
• 浏览器端直接运行（首屏加载<1.2s，经WebPageTest认证）
▌行业认可与场景适配
作为2022年CSS Design Awards获奖工具，Grabient已服务于：
✅ 品牌视觉系统开发（支持色彩变量批量导出）
✅ 数据可视化图表配色（内置Material Design合规检测）
✅ 移动端H5项目（触控手势支持画布缩放/旋转）
“这不仅是渐变工具，更是数学与美学的交汇点。”——CSSTricks年度工具评语
（探索同领域工具：Coolors.co / ColorSpace / WebGradients）
