How to Use
Create and customize color gradients for your development projects. The tool generates code in multiple formats including CSS, SVG, Python, and more. **Basic Controls:** • Click anywhere on the gradient bar to add a new color node • Drag nodes left/right to adjust their positions • Click a node to select it and choose colors using the picker • Enter specific position values (0-100%) in the input field • Delete nodes by dragging them off the bar **Adjusting Colors:** • Use the color picker for visual selection • Enter hex codes directly (#FF0000, FE5310) • Input RGB values as 255,128,0 or 0.1,0.5,1 **Gradient Tools:** • Toggle "Cyclic repeat" for seamless looping gradients • Use "Distribute evenly" to space nodes equally • "Reverse" flips the gradient direction • "Mirrored" creates symmetrical gradients **Export Options:** • Select your desired format from the tabs (CSS, SVG, Python, etc.) • Click the code box to copy to clipboard • Use "Download as file" for complete examples with usage instructions • Name your gradient for better organization **Sharing:** • Copy permalink to share gradients via URL • Use the star icon to save favorites locally