Trình tạo gradient CSS (CSS Gradient Generator)

Tạo độ dốc tuyến tính hoặc xuyên tâm và xuất dưới dạng CSS, Tailwind hoặc PNG.

Use this CSS gradient generator to build linear or radial gradients with full control over color stops, angle, and sizing. Start from a preset palette or build your own, then copy clean CSS or Tailwind classes for immediate use in design systems. Need static exports? Set the exact output size and download PNGs that match your hero, banner, or background dimensions. The live preview makes it easy to align brand colors, and the export tools keep your workflow fast—no plug‑ins, no uploads, and no login required.