User Guide of Gradient Generator

With HUE IO, the most practical and creative tool for creating gradients, you can bring your dream designs to life.

How to Use Gradient Builder?

1. First select the main color and the second color. You can add up to 10 colors by clicking the “Add Color” button.
2. You can instantly experience a preview of the gradient you created.
3. Optionally, the gradient angle can be changed.
4. If you want to use a special angle, you can fine tune it with the “Precise Angle Change” selector.
5. You can easily perform operations by previewing instantly in a practical way by using the drag-and-drop feature to change the location of the colors.
6. You can use it seamlessly in your web design projects by copying the CSS code output of the gradient you created. The code block is compatible with all current and old technologies and will be displayed in all internet browsers without any problems.

Saving Gradient

• You can save the gradients you create for later use. Thus, you can create a library of colors and gradients that you will use in your designs.
• To save, simply click on the “Save” button.
• Then your saved selection will be listed in the “Saved Gradients” section. You can sort your library by dragging and dropping as desired.
• You can copy color codes.
• You can delete saved gradients you don’t want to use.