
AnyGradient
anygradient.com
专业渐变生成器,支持广色域与OKLCH
昨天制作者:Seva Seregin
关于 AnyGradient
AnyGradient 是一款面向设计师与开发者的专业渐变生成工具,支持 OKLCH 插值 和 Display-P3 广色域,让渐变色彩过渡更自然、色域更宽广。
核心功能
- OKLCH 插值:采用先进的 OKLCH 色彩空间进行插值,确保渐变色彩过渡均匀、无断层,视觉上更符合人眼感知。
- Display-P3 广色域:支持 Display-P3 色彩空间,覆盖更丰富的颜色范围,适合现代高色域显示屏。
- 多层渐变:可叠加多个渐变层,自由调整顺序、角度和透明度,创造复杂视觉效果。
- 噪声纹理:为渐变添加可定制的噪声效果,增加质感与艺术感。
- 图片转渐变:上传图片,自动提取主色并生成对应的渐变方案。
- 预设背景库:内置不断增长的现成背景模板,一键应用并自定义。
主要特性
- 跨平台导出:一次设计,即可导出为 CSS、Tailwind、React、React Native、SwiftUI、Android、Flutter、Figma、PNG、WebP 等多种格式。
- 实时预览:所有调整即时生效,所见即所得。
- 色彩管理:支持十六进制、HSL、OKLCH 等多种色彩模式输入,精确控制每个色标。
- 高兼容性:导出的代码适配主流框架和平台,减少开发适配成本。
适用场景
- UI/UX 设计:为按钮、背景、卡片等元素生成精致渐变。
- 品牌视觉:快速探索品牌色系的渐变组合。
- 跨平台开发:同一渐变在不同技术栈间无缝复用。
- 数字艺术:结合噪声与多层渐变创作抽象背景。