About

A color gradient designer to help you create awesome gradients for your projects

• Add color nodes by clicking the bar
• Adjust node positions via drag & drop or the input field (value in percent)
• Select colors with the picker or input field
• Copy the generated code or download it as file

Use ⭐️ to access a personal gallery which allows you to store your favourite gradients locally in your browser. Gradients can also be shared by the URL.

Did you know?

• The color input field accepts not only hex values (e.g. #F80, FE5310 or 0x2f67a8), but also RGB color triples like 255,128,0 or 0.1,0.5,1
• Changes can be undone and redone with browser navigation or ↩️ and ↪️
• You can name a gradient with the field below the code output (e.g. for the gallery)

Find this project on GitHub

This open source project is available on GitHub: github.com/eltos/gradient