🎨

Gradient Text Generator

NEW

gradient · text · css · color · webkit

Text

Color 1Color 2Color 3 (opt)

AngleFont SizeWeight

Gradient Text

CSS

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