Generator Gradien
Generator gradien CSS online gratis. Buat gradien linear, radial, dan konik dengan pratinjau langsung. Salin kode CSS instan. Bisa offline.
Tentang tools ini
Buat gradien CSS indah dengan editor visual intuitif. Mendukung tipe gradien linear, radial, dan konik dengan beberapa titik warna. Fitur termasuk kontrol sudut, 10 preset pilihan, pembuatan gradien acak, dan salin kode CSS sekali klik. Tambah, hapus, dan urutkan titik warna dengan drag. Pratinjau langsung diperbarui secara real-time saat mengubah pengaturan.
Detail
- Kategori
- Utilitas
- Versi
- 1.0.0
- Ukuran
- 24 KB
- Diperbarui
- Jun 2026
Pertanyaan Umum
Tipe gradien apa saja yang didukung?
Gradien linear, radial, dan konik. Setiap tipe punya kontrol sendiri — sudut untuk linear, bentuk dan ukuran untuk radial, dan sudut untuk konik.
Bagaimana cara menambah warna?
Klik tombol "Tambah Warna" di bawah titik warna. Bisa menambah hingga 10 titik warna. Geser slider untuk mengubah posisi.
Bisa pakai gradien di Figma?
Bisa. Klik "Salin SVG" untuk menyalin gradien sebagai gambar PNG ke clipboard — tempel langsung di Figma. Jika gagal, otomatis download file SVG yang bisa di-drag ke Figma. "Salin ke Figma" coba format gradien native.
Bisa salin kode CSS?
Bisa. Kode CSS ditampilkan di bawah dan diperbarui real-time. Klik tombol Salin untuk menyalin ke clipboard.
Apakah data saya dikirim ke mana pun?
Tidak. Semua pembuatan gradien terjadi lokal di browser. Pengaturan terakhir disimpan ke localStorage untuk kenyamanan.
