InfyTool
Free icons

Gradient text generator

Give a heading a colour gradient — pick colours, angle and font — then copy the CSS or download a transparent PNG, on your device.

Advanced settings (optional)
Gradient text
Text
Colours
Angle
9090°
Font
Weight
Size
120120px
Background
Gradient text · CSS + PNG · made in your browser

Runs in your browser. Files are never uploaded — you can go offline after the page loads.

How to use the Gradient Text Generator

  1. Type your text and pick two colours.
  2. Set the angle, font, weight and size in the big preview.
  3. Copy the CSS, or download a transparent PNG.

Easy to use

Drop files, pick options, download. Whole folders at once, no signup, no daily limit.

Best quality

The same engines the professionals use — SVGO, resvg, MozJPEG, libwebp, libavif — compiled to run in your browser.

Private & secure

Files are processed on your device and never uploaded. Close the tab and nothing remains anywhere.

Turn text into a colour gradient

Type a heading, choose two colours or a preset, and set the gradient angle, font, weight and size. You get a live preview and copy-ready CSS using background-clip: text — the same technique behind gradient headings on modern landing pages — all in the big preview window with the settings on the right.

Copy the CSS for the web, or download a transparent PNG to drop into a design, slide or thumbnail. Everything renders on a canvas in your browser, so nothing is uploaded. For a full gradient background instead, use the gradient generator.

Frequently asked questions

How does gradient text work in CSS?

A linear-gradient background is clipped to the text with background-clip: text and a transparent colour, so the letters show the gradient. This tool writes that CSS for you.

Can I use it where CSS is not allowed?

Yes — download the transparent PNG and place it in a slide, thumbnail or design.

CSS Gradient GeneratorBuild a linear or radial gradient with any number of colour stops, then copy the CSS or export a PNG Quote MakerMake a beautiful quote graphic for Instagram, LinkedIn or a slide OG Image GeneratorDesign a 1200×630 link-preview card for Facebook, LinkedIn, X and Slack

Your files never leave your device

Most online converters upload your file to a server. InfyTool ships the actual encoders to your browser as WebAssembly instead, so processing happens inside your tab — faster for batches, and nothing to delete afterwards.

  • No upload, ever. Turn off Wi-Fi after the page loads and every tool keeps working.
  • No limits. No file-size cap, no queue, no watermark, no account.
  • Runs on your CPU. Batches use several cores in parallel; nothing is throttled.

More free tools

Need icons or SVGs to start from?

InfyTool is built by the same team as these free libraries.

InfyIconFree SVG and PNG icons you can open directly in these tools. InfySVGFree SVG designs and illustrations, ready to optimise or convert. InfyPNGFree transparent PNG graphics for mockups and social posts.