Random Gradient Generator
Generate a CSS linear-gradient from a random 0–359 degree angle and two random hex colors.
How to use
- Press Generate to create a new gradient string.
Capabilities and scope
The angle is an integer random value and both endpoint colors are independent 24-bit RGB values.
How it works
It returns linear-gradient(randomAngledeg, #randomHex6, #randomHex6).
Example
A result can look like linear-gradient(135deg, #12ab34, #ef5678).
Useful for
- Create quick placeholder backgrounds or gradient ideas
Before you use it
- Stop positions, more than two colors, radial gradients, and contrast constraints are not configurable.
Frequently asked questions
Is the angle random too?
Yes. A new integer from 0 through 359 is selected each time.