Gradient generator

Editor:

  • Linear
  • Radial
  • Conic
|||
|||
Doubleclick to insert a new color, Rightclick on a color to delete it

Stops:

|||
|||
  • Templates
  • Code

Templates:

{ "repeating": false, "list": [ { "x": 60, "y": 60, "w": 49, "h": 52, "colors": [ { "r": 0, "g": 0, "b": 0, "a": 0.18, "percent": 96 }, { "r": 67, "g": 15, "b": 255, "a": 1, "percent": 0 } ] }, { "angle": 90, "colors": [ { "r": 75, "g": 18, "b": 173, "a": 1, "percent": 96 }, { "r": 0, "g": 111, "b": 255, "a": 0.61, "percent": 0 } ], "x": -20, "y": -20, "w": 65, "h": 66 } ] }