Which browsers support CSS gradients?

All modern browsers support linear-gradient() and radial-gradient() without vendor prefixes. Safari ≥6.1, Chrome ≥26, Firefox ≥16, Edge (all versions).

Can I use gradients on text?

Yes — apply the gradient to background and use background-clip: text; color: transparent. This tool outputs the background property only, which works for any element.

CSS Gradient Generator

Developer Tools· 30 tools

Free visual CSS gradient generator. Build linear or radial gradients with multiple color stops, adjust angle or position, and copy production-ready CSS. Preview updates live as you drag.

Angle: 135°

Color stops

Presets

CSS

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

Frequently Asked Questions

References

CSS Images Module Level 4 — gradients — W3C
linear-gradient() — CSS reference — MDN Web Docs

Related Tools

Color Converter
Convert colors between HEX, RGB, and HSL formats with a live preview swatch. Essential for web designers and developers — copy any format with one click.
Color Picker from Image
Click anywhere in an uploaded image to get the exact pixel color as HEX, RGB, and HSL.
WCAG Color Contrast Checker
Check color contrast against WCAG 2.1 AA and AAA standards. Verify accessibility for text and UI.

Frequently Asked Questions

References and sources

Related Tools