Gradient Text PNG Generator

Letters filled with a smooth two-colour gradient, any direction, on a transparent background.

Exported at 2x with a transparent background. Nothing is uploaded.

Gradient text is a flat colour blend running through the letters - the look of most current app logos and social headers. It is hard to do in a photo editor without a clipping mask; here you pick a start colour, an end colour and a direction, and the gradient is applied only inside the letter shapes. Everything outside them stays transparent.

Gradients read best large, which is what the text logo maker is set up for, and the rainbow text generator spreads the same colours across text you can paste rather than save.

Pairs that sit next to each other on the colour wheel (orange to pink, blue to purple) blend smoothly; opposites (red to green) pass through a muddy middle. The preview updates as you drag, so it is quick to test a few.

How to make a Gradient Text PNG

  1. Type your text and choose a font. Rounded, bold faces like Righteous and Fredoka show gradients best.
  2. Pick the start and end colours.
  3. Choose the direction: left to right, top to bottom, or diagonal.
  4. Optionally add a thin outline if the lighter end of the gradient will sit on a light background.
  5. Download PNG.

Where people use it

Social headers and bios

The Instagram-style colour fade as an image you can post anywhere.

Website hero text

Export the exact brand gradient rather than relying on CSS support.

Logos and wordmarks

A two-colour wordmark on a transparent background for light and dark themes.

Thumbnails

A warm-to-cool gradient word pops against flat video frames.

Common questions

This tool blends two colours, which covers most logo and header gradients. For a rainbow, export two gradient PNGs and overlap them in your editor.
Across the whole text block, so the first letter starts in colour one and the last ends in colour two, like a brand wordmark.
Two colours from opposite sides of the colour wheel pass through grey. Pick colours that are closer together, or use a bright colour at both ends with different lightness.
Yes. The gradient is clipped to the letters; the rest of the image is empty.

Other PNG text tools

All of these share the same engine, so your text, font and colours carry over in spirit - pick the effect you need:

  • PNG Text Generator - 93 fonts, plain transparent text
  • Transparent Text PNG - Text on a see-through background, ready to drop onto any thumbnail, banner or design.
  • Neon Text PNG - Glowing neon-sign lettering with a transparent background - pick the colour, set the glow, download.
  • 3D Text PNG - Extruded block lettering with a coloured face and a solid side - set the depth and download as PNG.
  • Outline Text PNG - Text with a clean stroke around every letter - filled or hollow - on a transparent background.
  • Shadow Text PNG - Text with a drop shadow you control - soft and lifted, or hard and offset - on a transparent background.
  • Text Logo PNG Maker - A clean wordmark or badge logo from your name - font, colours, optional background shape - exported as PNG.

Related tools

We use cookies in this website to give you the best experience on our site and show you relevant ads. To find out more, read our privacy policy and cookie policy.