SheepNav
AnyGradient

AnyGradient

anygradient.com

专业渐变生成器,支持广色域与OKLCH

昨天制作者:Seva Seregin

关于 AnyGradient

AnyGradient 是一款面向设计师与开发者的专业渐变生成工具,支持 OKLCH 插值Display-P3 广色域,让渐变色彩过渡更自然、色域更宽广。

核心功能

  • OKLCH 插值:采用先进的 OKLCH 色彩空间进行插值,确保渐变色彩过渡均匀、无断层,视觉上更符合人眼感知。
  • Display-P3 广色域:支持 Display-P3 色彩空间,覆盖更丰富的颜色范围,适合现代高色域显示屏。
  • 多层渐变:可叠加多个渐变层,自由调整顺序、角度和透明度,创造复杂视觉效果。
  • 噪声纹理:为渐变添加可定制的噪声效果,增加质感与艺术感。
  • 图片转渐变:上传图片,自动提取主色并生成对应的渐变方案。
  • 预设背景库:内置不断增长的现成背景模板,一键应用并自定义。

主要特性

  • 跨平台导出:一次设计,即可导出为 CSSTailwindReactReact NativeSwiftUIAndroidFlutterFigmaPNGWebP 等多种格式。
  • 实时预览:所有调整即时生效,所见即所得。
  • 色彩管理:支持十六进制、HSL、OKLCH 等多种色彩模式输入,精确控制每个色标。
  • 高兼容性:导出的代码适配主流框架和平台,减少开发适配成本。

适用场景

  • UI/UX 设计:为按钮、背景、卡片等元素生成精致渐变。
  • 品牌视觉:快速探索品牌色系的渐变组合。
  • 跨平台开发:同一渐变在不同技术栈间无缝复用。
  • 数字艺术:结合噪声与多层渐变创作抽象背景。

相关工具