CSS Text Gradient Generator

Create beautiful text with CSS gradients.

45°
48px
700
Preview

Gradient Text

Generated CSS
.gradient-text {
  background: linear-gradient(45deg, #6366f1, #ec4899, #f59e0b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 48px;
  font-weight: 700;
}