🎨 Everything runs in your browser. No install, no sign-up.
Angle135°
Presets
background: linear-gradient(135deg, #8b5cf6, #0ea5e9);
When you put text over a gradient, check the contrast at both the lightest and the darkest point. Tune it for one end only and the text disappears at the other.
What this tool does
- Two or three colours with stop positions
- Angle or radial
- Copy the CSS immediately
- Tailwind class guidance
Other colour tools
Colours may look slightly different depending on your screen and its colour profile.