Gradient Generator
Generator gradien CSS gratis. Buat gradien linear dan radial hingga 3 warna. Atur sudut, pratinjau langsung, dan salin kode CSS. Sempurna untuk desainer web.
background: linear-gradient(90deg, #6366f1, #ec4899);Tentang Gradient Generator
Gradient Generator berjalan sepenuhnya di browser Anda. Data Anda tetap di perangkat Anda — tidak ada unggahan ke server mana pun.
Generator gradien CSS gratis. Buat gradien linear dan radial hingga 3 warna. Atur sudut, pratinjau langsung, dan salin kode CSS. Sempurna untuk desainer web. Gratis, tanpa pendaftaran, privasi utama.
Cara menggunakan Gradient Generator
Buat gradien CSS dengan editor visual. Bangun gradien linear, radial, dan conic dan salin kode CSS seketika.
- 1
Pilih jenis gradien
Pilih linear, radial, atau conic untuk mencocokkan tampilan yang Anda inginkan untuk desain Anda.
- 2
Pilih warna Anda
Tambahkan titik warna dan seret untuk mengatur posisi. Sesuaikan sudut untuk gradien linear.
- 3
Pratinjau gradien
Saksikan pratinjau diperbarui secara real-time saat Anda menyesuaikan warna, posisi, dan sudut.
- 4
Salin CSS
Klik Salin untuk menyalin kode gradien CSS yang dihasilkan, siap untuk ditempel ke stylesheet Anda.
Tips
- •Gunakan dua atau tiga warna untuk gradien yang bersih dan modern — lebih banyak bisa terlihat berlumpur.
- •Tambahkan titik warna pada 0% dan 100% untuk cakupan penuh, atau biarkan celah untuk efek berpita.
- •Gradien linear pada 135deg sering terlihat lebih dinamis daripada 90deg default.
Alat Terkait
Alat Generators Lainnya
Pertanyaan yang Sering Diajukan
Apakah generator gradien gratis?
Ya, generator gradien kami sepenuhnya gratis tanpa pendaftaran. Anda dapat membuat gradien CSS tak terbatas dan menyalin kodenya seketika.
Jenis gradien apa yang didukung?
Kami mendukung gradien linear dengan sudut yang dapat disesuaikan dan gradien radial dengan bentuk dan posisi yang dapat disesuaikan. Anda dapat menambahkan beberapa titik warna untuk efek kompleks.
Bisakah saya menyalin kode CSS?
Ya. CSS yang dihasilkan ditampilkan dalam kotak kode. Klik salin untuk mendapatkan properti background siap tempel untuk stylesheet Anda.
Apakah generator gradien berfungsi offline?
Ya. Semua pembuatan terjadi di browser Anda, sehingga alat berfungsi tanpa koneksi internet setelah halaman dimuat.