Palettely

Create Stunning CSS Text Gradients with Ease

Design eye-catching text effects using our free CSS gradient generator. Elevate your web typography instantly. Updated March 2025.

Angle: 45°

Preview

Gradient Text

Generated CSS

.gradient-text {
  background: linear-gradient(45deg, #ff0000, #0000ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}